AngularJS hứa

Question

AngularJS docs say:

$ q lời hứa được công nhận bởi các công cụ khuôn mẫu trong góc, có nghĩa là trong các mẫu bạn có thể đối xử với những lời hứa gắn liền với một phạm vi như thể chúng là các giá trị kết quả.

Vì vậy, ai đó có thể vui lòng giải thích lý do này fiddle không hoạt động? Không thể thay đổi giá trị trường văn bản. Nhưng gán lời hứa rằng dịch vụ $ http trả về một lĩnh vực phạm vi hoạt động giống như một sự quyến rũ.

Bộ điều khiển:

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

Bạn cần phải sử dụng sau đó() chức năng trên đối tượng lời hứa:

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

Trong trường hợp của bạn Tôi không nghĩ bạn cần một người chuyên nghiệp mise. Hệ thống đồng hồ $ của Angular sẽ chăm sóc mọi thứ. 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

Tôi tin rằng lý do fiddle đầu tiên của bạn không hoạt động là bởi vì bạn là chủ yếu ràng buộc phạm vi tài sản item đến một lời hứa. Khi bạn cố gắng thay đổi giá trị bằng cách nhập vào trường văn bản, góc sẽ thông báo hoạt động và sau đó gán lại/đặt lại giá trị item thành kết quả của lời hứa (chưa thay đổi).

Giải pháp do @asgoth đặt/gán giá trị item một lần, khi lời hứa được giải quyết. Không có ràng buộc nào xảy ra ở đây (tức là, item không bị ràng buộc với lời hứa), vì vậy việc thay đổi giá trị thông qua hộp văn bản sẽ thay đổi giá trị.

Answer 3

Giống như @Mark cho biết, tại đây bạn có thể tìm thấy Working Example đoạn mã của mình.

Về cơ bản bạn đã trả lại một đối tượng và không ràng buộc chính mô hình đó.

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