title: Two way databinding in Select2 for AngularJS doesn't work
body: <p>I am having issues with using the Select2 plugin in AngularJS. I can load the items fine, and retrieve the selected item from my ng-model, but I have issues, that the dropdown isn't updated if I update the ng-model.</p>
  
  <p>In my view the code looks like this:</p>
  
  <pre><code>&lt;select ui-select2 data-placeholder="All" id="filtersSelect" ng-model="chosenFilterItem" ng-options="item.text for item in filterItems"&gt;
  </code></pre>
  
  <p>In my controller I have the following code, which retrieves the items and binds it to the list:</p>
  
  <pre><code>$scope.fetchFilters = function(){
          $http.get($scope.filtersUrl).then(function(result){
              $scope.filterItems = result.data;
              $scope.chosenFilterItem = result.data[3];
              if(!$scope.$$phase) {
                  $scope.$apply();
              }
          });
      }
  </code></pre>
  
  <p>As you can see I just try to set the 3rd item on the dropdownlist, but no item is preselected. Is there another way around preselecting a dropdown item?</p>