相关疑难解决方法(0)

Angular:在选择选项时选择在与ngModel一起使用时不起作用

我有一个对象数组(命名用户),它们将显示为选项dropdownlist.我有另一个对象列表(名为selectedUsers并保存在后端),用于初始化dropdownlist.

数组:

users = [
  {
    id: 2,
    name: 'name2'
  },{
    id: 2,
    name: 'name2'
  },{
    id: 3,
    name: 'name3'
  }
];

selectedUsers3 = [
  {
    id: 1,
    name: 'name1'
  },{
    id: 2,
    name: 'name2'
  }
];
Run Code Online (Sandbox Code Playgroud)

我现在面临一个有线的情况是,当我绑定Objectselect options通过[ngValue],并绑定功能[selected],将检查中是否存在当前选项selectedUsers.

我可以看到函数被检索,结果返回true/false作为例外,但选项保持未选中状态.

模板:

<select multiple [(ngModel)]="selectedUsers3">
  <option *ngFor="let user of users" [selected]="checkExist(user)" [ngValue]="user">{{user.name}}</option>
</select>
Run Code Online (Sandbox Code Playgroud)

组件中的功能:

checkExist(user) {
  return this.selectedUsers3.findIndex(selUser => selUser.id === user.id) > …
Run Code Online (Sandbox Code Playgroud)

typescript angular

3
推荐指数
1
解决办法
3146
查看次数

如何选择角度材质中的默认项目2选择多个

我正在研究角度2素材应用程序,我有一个有多选元素的情况,并且我有一个带复选框的列表,所以我可以一次选择多个项目.我能够使用角度材质组件,但我想要的是默认情况下要检查的2-3个项目,如果我选择/取消选择特定项目,那么我应该选中/选择标记为true/false.

<md-select multiple="true" [(mgModel)]="test">
  <md-option *ngFor="let l of list" [value]="l">
    {{l.name}}
  </md-option>
</md-select>

var list = [{name:'abc'},{name:'cbv'},{name:'hgf'},{name:'rty'},{name:'fdv'},{name:'vbg'}]

var test = [{{name:'abc'},{name:'cbv'}]
Run Code Online (Sandbox Code Playgroud)

是否有其他方法或在某些地方出错.

angular-material2 angular

3
推荐指数
1
解决办法
4981
查看次数

标签 统计

angular ×2

angular-material2 ×1

typescript ×1