Les deux sens de la liaison de données en Choisir 2 pour AngularJS ne fonctionne pas

Je vais avoir des problèmes avec l'utilisation de la Select2 plugin dans AngularJS. Je peux charger les éléments d'amende, et de récupérer l'élément sélectionné à partir de mon ng-model, mais j'ai des questions, la liste déroulante n'est pas mis à jour si je mettre à jour le ng-model.

À mon avis, le code ressemble à ceci:

<select ui-select2 data-placeholder="All" id="filtersSelect" ng-model="chosenFilterItem" ng-options="item.text for item in filterItems">

Dans mon contrôleur, j'ai le code suivant, qui récupère les éléments et le lie à la liste:

$scope.fetchFilters = function(){
        $http.get($scope.filtersUrl).then(function(result){
            $scope.filterItems = result.data;
            $scope.chosenFilterItem = result.data[3];
            if(!$scope.$$phase) {
                $scope.$apply();
            }
        });
    }

Comme vous pouvez le voir j'ai juste essayer de mettre le 3ème point sur la dropdownlist, mais aucun élément n'est présélectionnée. Est-il une autre façon de contourner présélectionner une liste déroulante?

Veuillez noter qu'il est recommandé d'utiliser la point-notation, afin de garder vos données à une seule variable, par exemple. data. Pour plus d'info, voir cette tête d'oeuf.io vidéo tutoriel: goo.gl/373Ia

OriginalL'auteur Dofs | 2013-06-16