小编tan*_*mar的帖子

如何从数组中预选数据到 mat-selection-list

我从 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 上预先选择这些值。所以,我可以更新表格。

angular-material2 angular

5
推荐指数
1
解决办法
1478
查看次数

ng-select 不显示 bindLabel 值

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 的第二个下拉列表中向用户显示标签

请检查附加的屏幕截图。 一个正在工作,另一个只是显示空白

这在下拉列表中没有显示任何值。这是在下拉列表中显示值:

下拉列表中的值

angular-ngselect angular

5
推荐指数
1
解决办法
6384
查看次数