title: How to set selected values in bootstrap selectepicker multiple with AngularJs?
body: <p>I am using bootstrap selectpicker and I cant set values to be selected. I have try to set the model name in his values of array, but it doesn't work sadly.</p>
  
  <pre><code>&lt;select
      class="form-control"
      name="groupCustomer"
      title='Choose'
      id="tags" multiple data-multiple-separator=" " data-max-options="3"
      ng-model="moreDetailsData.groupCustomer"&gt;
  
      &lt;option ng-repeat="grp in groupCustomer" value="{{grp.id}}" data-content="&lt;span class='label ' style='background:{{grp.group_color}}'&gt;{{grp.group_name}}&lt;/span&gt;"&gt;
  
              &lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  
  <p>Call To the function:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function() {
          $('#tags').selectpicker('val','[1,2]');
      }); 
  &lt;/script&gt;
  </code></pre>
  
  <p>Angular:</p>
  
  <pre><code>$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];
  </code></pre>
  
  <p>What could I do to get it fixed?</p>