如何使用AngularJs在bootstrap selectepicker multiple中設置選定的值？

Question

我正在使用引導selectpicker，我不能設置要選擇的值。我試圖在他的數組值中設置模型名稱，但它並不可悲。

<select 
    class="form-control" 
    name="groupCustomer" 
    title='Choose' 
    id="tags" multiple data-multiple-separator=" " data-max-options="3" 
    ng-model="moreDetailsData.groupCustomer"> 

    <option ng-repeat="grp in groupCustomer" value="{{grp.id}}" data-content="<span class='label ' style='background:{{grp.group_color}}'>{{grp.group_name}}</span>"> 

      </option> 
</select> 

調用該函數：

<script type="text/javascript"> 
    $(function() { 
     $('#tags').selectpicker('val','[1,2]'); 
    }); 
</script> 

角：

$scope.groupCustomer = [ 
{"id" : 1,"name" : "group 1"}, 
{ "id" : 2, "name" : "group 2"}, 
{"id" : 3,"name" : "group 3" }, 
{"id" : 4,"name" : "group 4" }] 

$scope.moreDetailsData.groupCustomer = [1,2,3]; 

什麼我可以做的就是它固定的嗎？

Answer 1

試試這個：

$timeout(function() {   
      $('#tags').selectpicker(); 
$('#tags').selectpicker('val',$scope.moreDetailsData.groupCustomer).trigger("change"); 
     }); 

請參閱此鏈接：https://jsfiddle.net/n57ekstu/18/