Question

我目前正在使用离子3.我有一个接受多个条目的选择。但是，在页面的午餐时，我正在检查已存在的选定值并将它们推入数组。最后我将这个数组作为[（ngModel）]分配给select。问题是所选项目不显示，除非我按下选择。如果我按，那么他们会显示某些项目被选中。我怎么能从一开始就把它们展示出来？

HTML代码：

 <ion-select class="sel1" multiple [(ngModel)]="chosenindustries" [disabled]="editable">
              <ion-option *ngFor="let indu of industries" [value]="indu.ID">{{indu.IndustryName}}</ion-option>
            </ion-select>

知道industries是一个预加载的数组，其中包含我根据

填充选项的对象

我正在定义数据数组如下

public chosenindustries: any = [3, 4, 8, 6 ,5];

Answer 1

您可以尝试此解决方案。

我在stackblitz

上创建了演示

<ion-select class="sel1" multiple="true" [(ngModel)]="chosenindustries" [disabled]="editable">
        <ion-option *ngFor="let indu of industries" [value]="indu">{{indu.IndustryName}}</ion-option>
    </ion-select>


    <div>{{chosenindustries | json }}</div>

离子选择不从ng-model

1 个答案: