开始使用nya-bootstrap-select

好吧，这个post是个广告，如果你是一名web前端开发者，使用AngularJS，bootstrap和jquery。那么我在这里向你推荐我最近发布的一个开源项目：nya-bootstrap-select

nya-bootstrap-select 是一个对bootstrap-select的包装，让这个功能强大的jquery插件可以用angularjs特有的风格在angularjs程序中使用。

依赖： AngularJS 1.0+(这个是当然的） bootstrap-select 1.3+ bootstrap css （支持2.x和3.x）

安装：推荐使用bower来安装，可以帮助你自动处理依赖关系。

1	bower install nya-bootstrap-select

将src/nya-bootstrap-select.js加入到你的页面里

1	<script src="bower_components/nya-bootstrap-select/src/nya-bootstrap-select.js"></script>

将 nya.bootstrap.select作为angular app的依赖

1	angular.module('yourApp', ['nya.bootstrap.select']);

现在可以开始使用了。本文就只列举一个例子，更多例子请参考文档 http://nya.io/nya-bootstrap-select/

在select标签里，加入class nya-selectpicker 也可以作为属性加入。然后将你的scope变量绑定到ng-model上，这样你可以获取到选择的值。假设你的$scope.myOptions就是选项的条件

1
2
3

<select class="nya-selectpicker" data-container="body" ng-model="myModel" ng-options="c.value for c in myOptions">

</select>