javascript - 在 Angular2 中使用 ngmodel 选择选项

标签 javascript node.js angular

用户.ts

export class User {
  ....
  roles: Role[]
}

<select name="roles" class="form-control role_select" [(ngModel)]="user.roles">
        <option value="null" >Select role</option>
        <option *ngFor="let role of roles" [value]="role.id">  
            {{role.title}}
        </option>

      </select>

它工作正常,但未选择 Angular 色。 用户数据是这样的

Roles: Array[1]
username: "vsdfsdfsdfds"

更新代码,问题是当我设置 user.roles 时,它给出一个 “User”类型上不存在属性“Roles”

setUser(user: User): void {
  this.user = user;
  this.user.roles = user.Roles;
}

public ngOnInit(): void {        
  this.userSubscription =    this.userService.getuserdetail(this.route.params['_value']['id']).subscribe(user => {            
  this.setUser(user);                              
}); 

最佳答案

类似的东西

ngOnInit() {
  this.user.roles = this.Roles[0];
}

关于javascript - 在 Angular2 中使用 ngmodel 选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42416682/

相关文章:

node.js - AWS S3 SDK - 将版本化对象复制到同一个存储桶中

javascript - 如何使用基石在 angular 7 项目中加载 dicom 文件

javascript - 如何使用 JavaScript 从数组中删除选定的文件

javascript - 有什么方法可以根据条形图的值(例如负值/正值)来隐藏它们吗?

javascript - 如何使用 MongoDB/Nodejs 和 Express 检索基于 JavaScript 的游戏的保存数据?

javascript - 删除特定项目(索引)方法

Angular2 ViewChildren 与嵌入相结合

javascript - 如果我们有更多记录而没有使用 angular8 中断,如何更改下拉值

javascript - 如何避免在 jQuery 中重复选择器名称?

c++ - xcode 解决方案的 node-gyp 链接问题