ion-select-autocomplete用于Ionic应用的单选或多选框

联合创作 · 2023-09-24 21:55

ion-select-autocomplete是一个用于Ionic应用的单选或多选框。

使用方法

下载或者clone项目,并添加下面的代码

<script src="lib/ion-select-autocomplete/ion-select-autocomplete.js" type="text/javascript"></script>

In JS

$scope.optionList = [
  {
    label: 'India',
    value: 'IND'
  },
  {
    label: 'United States',
    value: 'US'
  }
];$scope.model = null;

In HTML

<label class="item item-input">
  <span class="input-label">Choose Country</span>
  <ion-select-autocomplete multiselect="true"
                           output="model"
                           header="Choose Country"
                           label-key="label" value-key="value"
                           options="optionList">
  </ion-select-autocomplete>
</label>
浏览 1
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报