我从 API 得到这样的字符串,55,118,122,126,116,58,125,119,132。这些是id。我有一个角垫选择列表。我想最初选择这些值。所以,基本上我想更新现有数据并再次发送。
这是我的垫子选择清单。
<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>
Run Code Online (Sandbox Code Playgroud)
我尝试将我从 API 收到的所有 ID 分配给这样的数组。
const preselectedOptions: Number[] = data.data.present_contact;
Run Code Online (Sandbox Code Playgroud)
我想在 mat-selection-list 上预先选择这些值。所以,我可以更新表格。
Ng-select 没有向客户端显示 bindLabel 值。也没有一个错误。我有几个 ng-select 下拉菜单。它在一个 div 中的一个下拉列表中显示价值。但是,即使我在另一个 div 中使用相同的下拉列表,它也没有显示该值。
这是我的一个 div 的下拉列表:
<div class="col-12 col-sm-12 col-md-4 m-auto mt-2">
<ng-select [items]="immigrationOptions" placeholder="Immigration Status" bindLabel="immigration_s_name"
bindValue="id" [ngClass]="{ 'is-invalid': submitted && f.immigration_status_id.errors }" appendTo="body" [virtualScroll]="true" formControlName="immigration_status_id" [(ngModel)]="immigrationOption" aria-describedby="cnt_immigration_status_id">
</ng-select>
<small id="cnt_immigration_status_id" class="form-text text-muted">Immigration Status</small>
<div *ngIf="submitted && f.immigration_status_id.errors" class="invalid-feedback">
<div *ngIf="f.immigration_status_id.errors.required">Immigration status is required</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我两次使用相同的下拉菜单。但是,它不会在另一个 div 的第二个下拉列表中向用户显示标签
这在下拉列表中没有显示任何值。这是在下拉列表中显示值: