Angular 带对象选择的角度双向绑定

实际上，我正在尝试将对象数组绑定到选择输入。我试着这样做，[（ngModel）]=“users[I].roles”，其中“users”是外部数组，“roles”是用户内部的另一个数组。这里，角色是键值对的数组，比如

roles = [{'code': 1, 'desc: ''},{'code': 2, 'desc: ''},{'code': 3, 'desc: ''}]

如何从该数组绑定“代码”

我的HTML代码

 <mat-select placeholder="User Roles" [(ngModel)]="users[i].roles" matTooltip="{{users[i].roles}}" multiple>
    <mat-option *ngFor="let role of userRoles" [value]="role.code">{{role.desc}}</mat-option>
 </mat-select>

{{role.desc}}

将其放入NGF中，用于：

在.ts中：

roles= [{'code': 1, 'desc: ''},{'code': 2, 'desc: ''},{'code': 3, 'desc: ''}]

in.html

<div *ngFor="let role of roles;let index=index">
    <input [(ngModel)]="roles[index].code">
</div>

将其放入NGF中，用于：

在.ts中：

roles= [{'code': 1, 'desc: ''},{'code': 2, 'desc: ''},{'code': 3, 'desc: ''}]

in.html

<div *ngFor="let role of roles;let index=index">
    <input [(ngModel)]="roles[index].code">
</div>

---

尝试在

元素中使用

*ngFor

<div *ngFor="let role of roles">
    <input type="number" [(ngModel)]="role.code">
</div>

更多详情请看这里。。

---

尝试在

元素中使用

*ngFor

<div *ngFor="let role of roles">
    <input type="number" [(ngModel)]="role.code">
</div>

更多详情请看这里。。

---

谢谢你的帮助。我通过以这种方式修改代码解决了这个问题

for (let user of this.users) {
   user.userRoles = [];
   for(let role of user.roles)
   {
     user.userRoles.push(role.code);
   }
}

在html中

<mat-select placeholder="User Roles" [(ngModel)]="users[i].userRoles" matTooltip="{{users[i].userRoles}}" multiple>
    <mat-option *ngFor="let role of userRoles" [value]="role.code">{{role.desc}}</mat-option>
</mat-select>

{{role.desc}}

谢谢您的帮助。我通过以这种方式修改代码解决了这个问题

for (let user of this.users) {
   user.userRoles = [];
   for(let role of user.roles)
   {
     user.userRoles.push(role.code);
   }
}

在html中

<mat-select placeholder="User Roles" [(ngModel)]="users[i].userRoles" matTooltip="{{users[i].userRoles}}" multiple>
    <mat-option *ngFor="let role of userRoles" [value]="role.code">{{role.desc}}</mat-option>
</mat-select>

{{role.desc}}

您不需要在模板中使用索引。[（ngModel）]=“role.code”您不需要在模板中使用索引。[（ngModel）]=“role.code”您是否有*ngFor在用户之间循环？你能提供代码吗？你有*ngFor循环用户吗？你能提供密码吗