如何使用预选在 ng-select 中定义 ngModel

Question

嘿伙计们，我对 ng-select angular 代码有一点问题我有一个简单的代码

HTML

 <label>Roles</label>

        <ng-select [multiple]="true"
            [(ngModel)]="user.roles" 
            [ngModelOptions]="{standalone: true}" 
            required
            placeholder="Edit roles">
            <ng-option  *ngFor="let role of roles" [value]="role.name" name="role.name">{{role.name | json}}</ng-option>
        </ng-select>

在 .ts 文件中我有以下属性

 ngOnInit(): void {
    this.user = new User();
    this.id = this.route.snapshot.params['id']
    this.userService.getUserById(this.id).subscribe(data => {
    this.user = data; 
  this.selRoles = data.roles.map(role => {return {name: role.name}});
  this.user.roles = [];
  this.user.roles.push(...this.selRoles);
  console.log("user.roles :  " + (this.user.roles.map(f=>f.name))); 
 =>The Output of the console.log is := user.roles :  write,read,write /Should it eather be [write,read,write]??

但是如图所示，ng-select 不起作用，可能 user.roles 被定义为角色:: Array<{name;string}>; 不像 testVar = []

export class User {
    id!: number;
    firstName!: string;
    lastName!: string;
    emailId!: string;
    **roles!: Array<{name:string}>;**
  }

那么您对如何解决此问题或如何从角色转换有任何想法:: Array<{name;string}>; 进入角色 = []??

当我打开 select 框并单击一个选项时，它工作正常，但预选缺少名称属性。 为什么？

现在编辑我定义了一个selected:any; 然后我尝试将角色属性推送到所选变量：喜欢

      this.selected.push (data.roles.map(role => {return {name: role.name}}));

但仍然只显示一个空的 select？ 该怎么办？