Angular 如何从阵列中预选数据到mat选择列表

我从API得到这样的字符串，55118122126116，58125119132。 这些是身份证。我有一个角垫选择列表。我想首先选择这些值。所以，基本上我想更新现有数据并再次发送给

这是我的垫子选择列表

 <mat-selection-list #yuvakslist  [(ngModel)]="preselectedOptions" 
(selectionChange)="onChangeYuvak()">
<mat-list-option *ngFor="let yuvak of yuvaks" class="mt-1" [value]="yuvak.user_id">
          <nb-user name="{{yuvak.cnt_first_name + ' ' + 
 yuvak.cnt_last_name}}" size="large" title="{{yuvak.cnt_mobile_no}}"
          picture="{{thumbnailImg}}{{yuvak.profile_picture}}">
          </nb-user>
        </mat-list-option>
      </mat-selection-list>

---

我想在垫子选择列表中预先选择这些值。所以，我可以更新表格

与其使用

ngModel

不如使用它来实现这一点

这里有一个例子

app.component.html

<mat-form-field>
    <mat-select placeholder="Users" [formControl]="userForm" multiple>
        <mat-option *ngFor="let user of userList" [value]="user">
            {{user.name}}
        </mat-option>
    </mat-select>
</mat-form-field>

import {Component} from '@angular/core';
import {FormControl} from '@angular/forms';

@Component({
    selector: 'app',
    templateUrl: 'app.component.html'
})
export class AppComponent {
    userList: any[] = [
        { name: 'Robin', id: 1 }, 
        { name: 'Pandey', id: 2 }
    ];
    userForm: FormControl;

    constructor() {
        this.userForm = new FormControl([this.userList[0]]);
    }
}

---

preselectedOptions:Number[]是一个数组，但preselectedOptions必须是单个元素。@tanmay，您的preselectedOptions必须是.ts的变量，因此此变量必须是数组，因此如果您获得字符串，请使用split创建数组：preselectedOptions=yourdata.split（“，”）。我在“我正在使用mat选择列表而不是mat选择”中做了一个示例

import {Component} from '@angular/core';
import {FormControl} from '@angular/forms';

@Component({
    selector: 'app',
    templateUrl: 'app.component.html'
})
export class AppComponent {
    userList: any[] = [
        { name: 'Robin', id: 1 }, 
        { name: 'Pandey', id: 2 }
    ];
    userForm: FormControl;

    constructor() {
        this.userForm = new FormControl([this.userList[0]]);
    }
}