ion-select在选择一项后显示所有已选择的项目集合

时间:2019-05-02 12:25:22

标签: angular ionic-framework ionic4

我只是在ionic 4中实现一个ion-select下拉列表。选择一个项目后,它不会显示所选的数字,而是显示完整的数组

milesCollection = [1,2,3,4,5,6, ... 50];


<ion-select id="radiusFilter" [(ngModel)]="radius" interface="popover" (ngModelChange)="filterChanged('radius')" [compareWith]="compareRadius">
    <ion-option *ngFor="let item of milesCollection" [value]="item.mile">{{item.mile}}</ion-option>
</ion-select>


compareRadius(c1: any, c2: any): boolean {
 return c1.radius == c2.radius ? true : false;
}

如果我选择一个选项,则希望看到选中的选项,而不是所有用逗号分隔的数字。

此外,我如何删除第一个空项目?

如何设置预选项目? “已选择”属性不起作用

0 个答案:

没有答案