Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了mat-select multiple设置一个数组Angular4中的选中选项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Angular 4.

我需要帮助来设置mat-SELEct的选项,所以这里是问题所在:

1.首先我得到两个变量:options和checkedoptions

options: String[];
checkedoptions: String[] //This comes from the BD;

2.so选项是所有选项,checkedoptions来自BD,如下所示:

options = ["o1","o2","o3","o4",... "oN"]
checkedoptions = ["o2","o4"]

3.我打印这样的选项:

<mat-form-field floatPlaceholder="always" color="accent" class="input-all">
  <mat-SELEct multiple placeholder="{{ par.label }}">
    <mat-option *ngFor="let op of options" [value]="op">{{ op }}</mat-option>
  </mat-SELEct>
</mat-form-field>

>所以在mat-SELEct中是所有选项……但我想要的是,在选项列表中,只需检查哪些是在checkedoptions列表中.我怎么做?

请帮忙.

解决方法

在这种情况下,您必须在mat-SELEct-tag中使用NgModel并将其绑定到您的选择列表.这是解决方案:

HTML

<mat-form-field floatPlaceholder="always" color="accent" class="input-all">

   <mat-SELEct [(ngModel)]="checkedoptions" multiple placeholder="{{ par.label }}">

       <mat-option *ngFor="let op of options" [value]="op">{{ op }}</mat-option>

   </mat-SELEct>

</mat-form-field>

大佬总结

以上是大佬教程为你收集整理的mat-select multiple设置一个数组Angular4中的选中选项全部内容,希望文章能够帮你解决mat-select multiple设置一个数组Angular4中的选中选项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。