<tabset class="ui-tab">
<tab heading="General Details">
<select class="chosen chzn-done chosen-select">
<option value=""></option>
<option value="1">contains</option>
<option value="2">does not contain</option>
<option value="3">is equal to</option>
</select>
</tab>
</tabset>
jQuery(document).ready(function () {
jQuery(".chosen").chosen({
no_results_text: "Oops, nothing found!",
allow_single_deselect: true,
width: "20%"
});
});
これは私がテストしたコードです。ここでは、選ばれた人のドロップダウンは機能していませんが、 <tabset>
。これをどのように解決すればよいですか?
回答:
回答№1は4角度のある方法は、jQueryプラグインのディレクティブを作成することです。
私はあなたが言ったjquery-selectedのために簡単なものを作った。 プランカ:
var app = angular.module("app", ["ui.bootstrap"]);
app.directive("chosen", function(){
return {
link: function(scope, element){
element.chosen({
no_results_text: "Oops, nothing found!",
allow_single_deselect: true,
width: "20%"
});
}
};
});
EDIT: 既に統合するライブラリがあります jquery-selected に 角張った: 角度選択された