angularjs obiecują

Question

angularjs docs say:

$ q obietnice są rozpoznawane przez silnik szablonów w kanciaste, co oznacza, że ​​w szablonach można traktować obietnice załączone do zakresu, jak gdyby były otrzymane wartości.

Czy ktoś mógłby wyjaśnić, dlaczego ten fiddle nie działa? Nie można zmienić wartości pola tekstowego. Ale przypisywanie obietnic, że usługa $ http wraca do pola zasięgu działa jak urok.

Kontroler:

function MyController($scope, $q, $timeout) { 
    this.getItem = function() { 
     var deferred = $q.defer(); 
     deferred.resolve({ 
      title: 'Some title' 
     }); 
     return deferred.promise; 
    }; 

    $scope.item = this.getItem(); 
} 

HTML:

<input type="text" ng-model="item.title"> 

Answer 1

trzeba użyć funkcji następnie() na obiekcie Obiecujemy:

this.getItem().then(function(result) { 
    $scope.item = result; 
}); 

W twoim przypadku Nie sądzę, że potrzebujesz profesjonalisty Mise. System Angular za $ watch zajmie się sprawami. Just return an object in your function, not a primitive type:

this.getItem = function() { 
    var item = {}; 

    // do some async stuff 
    $http.get(...).success(function(result) { 
     item.title = result; 
    }); 
    return item; 
}; 

$scope.item = this.getItem(); 

Answer 2

Wierzę powodem Twoja pierwsza skrzypce nie działa dlatego, że są zasadniczo właściwość wiązania zakres item do obietnicy. Gdy próbujesz zmienić wartość, wpisując w polu tekstowym, kątowe odnotowuje aktywność, a następnie ponownie przydziela/resetuje wartość item do wyniku obietnicy (która się nie zmieniła).

Rozwiązanie dostarczone przez @asgoth ustawia/przypisuje wartość item raz, gdy obietnica zostanie rozwiązana. Nie ma tu żadnego wiązania (tzn. item nie jest związane z obietnicą), więc zmiana wartości poprzez pole tekstowe zmienia wartość.

Answer 3

To jest jak @Mark powiedział, tutaj można znaleźć Working Example z twojego fragmentu.

Zasadniczo zwróciłeś obiekt i nie wiążesz samego modelu.

$timeout(function(){ 
    $scope.item = { 
     title: 'Some title' 
    }; // Apply the binding 
    deferred.resolve(); // Resolve promise 
},2000); // wait 2 secs