ui-select官⽅教程（⼀）——⼊门简介⽂档原⽂地址
⼊门指南
简介
jquery官方文档下载ui-select是AngularJS官⽅制作的下拉框插件，和AngularJS搭配使⽤，效果很好。
要求
Angular >=1.2.18
ngSanitize module添加
jQuery（旧版浏览器⽀持可选）
Bootstrap (v3)/Select2/Selectize CSS适当引⽤
浏览器兼容性版本在Internet Explorer 8和⽕狐3.6以上。
引⼊⽂件
select.js
select.css
在你的appliction的modules中包含ui-select、ngSanitize模块
var module = dule('myapp',['ui.select', 'ngSanitize']);
基本例⼦
html代码
<ui-select ng-model="selected.value">
<ui-select-match>
<span ng-bind="$select.selected.name">
</span>
</ui-select-match>
<ui-select-choices repeat="item in (itemArray | filter:$select.search) track by item.id">
<span ng-bind="item.name">
</span>
</ui-select-choices>
</ui-select>
Js代码
$scope.itemArray= [{ id: 1, name: 'first' },
{id: 2, name: 'second' },
{id: 3, name: 'third' },
{id: 4, name: 'fourth' },
{id: 5, name: 'fifth' }];
$scope.selected = { value: $scope.itemArray[0] };
}]);
代码含义
<ui-select>
ui-select是控件的主标签，它包含数据绑定和空间的基本设置。
<ui-select-match>
是控件的选中显⽰，通过”$select.selected”可以拿到选中的对象<ui-select-choices>
是控件的下拉部分。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。