我有一个对象数组(命名用户),它们将显示为选项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)
我现在面临一个有线的情况是,当我绑定Object到select 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) 我正在研究角度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)
是否有其他方法或在某些地方出错.