【问题标题】:Ionic2, ion-select multiple - limit user selectionIonic2, ion-select multiple - 限制用户选择
【发布时间】:2021-04-03 00:59:12
【问题描述】:

我是 Ionic2 和 angular2 的新手。

我使用离子选择插件,并使用多个选项。 有没有办法限制用户的选择,例如三个项目?

【问题讨论】:

    标签: angular ionic2


    【解决方案1】:

    你可以使用 ionChange 事件 适时:

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

    在ts中:

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

    【讨论】:

    • (ionChange) 仅在单击确定时才会执行
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-08-15
      • 2018-05-18
      • 1970-01-01
      • 2018-11-24
      • 1970-01-01
      • 2020-06-22
      • 2016-06-15
      • 1970-01-01
      相关资源
      最近更新 更多