Ionic2,离子选择多重限制用户选择

时间:2016-10-13 09:22:19

标签: angular ionic2

我是Ionic2和angular2的新人。

我使用ion-select插件,并使用多个选项。 有没有办法限制用户选择,例如直到三个项目?

2 个答案:

答案 0 :(得分:3)

你可以使用ionChange事件 在tempate:

<ion-select multiple="true" [(ngModel)]="selected_values"  (ionChange)="onSelect()">
                        </ion-select>

在ts:

selected_values=[];
onSelect(){
    if(this.selected_values.length==3){
        //do somthing
     }
}

答案 1 :(得分:0)

不幸的是,他没有那种支持。另一种方法是添加 maxlength 指令,说明所需的所选项目的数量。因此,如果选择了较大的值,则表单中的字段将无效。