為什么80%的碼農都做不了架構師？>>> ??

官網傳送門在這里:

????

https://github.com/localytics/angular-chosen

?

首先angular app需要應用這個指令插件

var?myApp?=?angular.module('myApp',?['ui.bootstrap',?'ngGrid','localytics.directives'?//angular-chosen組件

調用方法:

?<select>?</select>//標簽

簡單的說下幾個屬性

???????chosen

這個屬性必須要有

data-placeholder="Pick?one?of?these"

看這個名字應該知道啦?就是placeholder屬性 不過是用input value模擬出來的

支持多選的話要加上

?multiple

?這個屬性? ? ? ? ? ? ? ? ? ? ? ? ? ?

????????????ng-model="tags" //這個$scope.tags?數據類型是數組型?[]

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

這個是option選項數據結構

????????ng-options="value?as?label?for?(value,?label)?in?Datas"

數據結構:

$scope.Datas={key1:"value1",key2:"value2"}

是對象型而非數組型的哦

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

最后附上參考,本人項目中的配置:

?<label?class="control-label">Tags</label><div?class="controls"><selectmultipleng-model="Datas.select_worktype"ng-options="value?as?label?for?(value,?label)?in?Datas.wroktypes"chosenclass="form-control"></select></div>

轉載于:https://my.oschina.net/code33/blog/306318

總結

以上是生活随笔為你收集整理的比select2 更好用的chosen插件 for angular的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。