ion-select-autocomplete

用于Ionic应用的单选或多选框
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 手机开发工具
软件类型 开源软件
地区 不详
投 递 者 宫俊才
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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>
  • 该实例以 MongoDB + Node.js  的 Restful API Service为后台。    目前仅仅放一些代码片段,后期会将整个Demo Code上传到GitHub,待上传之后,会在本文中更新链接。 1. 后台实现: 'use strict'; var mongoose = require('mongoose'),   Community = mongoose.model('comm

 相关资料
  • 主要内容:实例ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。 每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。 ionic 在单选项中使用了 <label> 元素,使其更易点击。 实例 <div class="list"> <label clas

  • ionic 单选按钮与标准 type="radio" 的 input元素类似。以下展示了现代app类型的单选按钮。 每个 item-radio 中的 type="radio" 的 input 元素的 name 属性都相同。radio-icon 类用于是否显示图标。 ionic 在单选项中使用了 <label> 元素,使其更易点击。 <div class="list"> <label class="

  • 本文向大家介绍select多选 multiple的使用示例,包括了select多选 multiple的使用示例的使用技巧和注意事项,需要的朋友参考一下

  • 实例中,根据选中的不同选项,显示不同的值。 HTML 代码 JavaScript 代码 css 代码: 尝试一下 » 效果如下所示:

  • 实例中,根据选中的不同选项,显示不同的值。 HTML 代码 <ion-header-bar> <h1>当选按钮</h1> </ion-header-bar> <ion-content> <div> <div> 选取的值为: {{ data.clientSide }} </div> <ion-radio n

  • 我有w3schools预先编写的代码。com和我正在努力为所选选项提供背景色。也就是说,在按下其中一个选项时,浏览器会对所选页面产生负面影响,然后在目标页面上,我希望突出显示该选项,以通过为其指定特殊背景颜色来表示所显示的页面。