ブートストラップ選択のNgオプションが機能しません

Question

私のアプリにマルチセレクトを追加したいのですが、コントローラからデータを読み込もうとするとselectが機能しません。 selectでng-optionsとng-repeatを使用しましたが、どちらも動作しません。 My plugin: bootstrap-select

My code in jsbin

Answer 1

あなたはAngularJSでjQueryプラグインを使用している、あなたは、以下に示すように要素にバインドさディレクティブ内の関数を呼び出すことによって、それを使用することができます。

HTML：

<select class="selectpicker" bootstrap-selectpicker data-ng-model="modelValue" multiple="" data-actions-box="true"> 
<option>Mustard</option> 
<option>Ketchup</option> 
<option>Relish</option> 
</select> 

指令：

app.directive('bootstrapSelectpicker'), function(){ 
var bootDirective = { 
    restrict : 'A', 
    link: function(scope, element, attr){ 
     $(element).selectpicker(); 
    }   
}; 
    return bootDirective; 
}); 

しかし、Angularjsベースのdropwdownsを使用することをお勧めします、次のプラグインを見てみましょう。 http://angular-ui.github.io/ui-select/

このことができます

http://ngmodules.org/modules/angular-bootstrap-multiselect https://github.com/dotansimha/angularjs-dropdown-multiselect

希望:)私はoptionタグにng-repeatと協力

Answer 2

http://isteven.github.io/angular-multi-select/#/main。新しいデータを取得するたびに次の機能を実行する私には、仕事があります：

function selectPickerRefresh() { 
    $timeout(function() { 
     $scope.$digest(); 
     $('.selectpicker').selectpicker('refresh'); 
    }); 
}