Tại sao đồng hồ $ của tôi chỉ cháy một lần?

Question

Tôi tính toán một số tiện ích và biểu thức $watch hoạt động hoàn hảo với tất cả trong một tệp nhưng bây giờ tôi đã chuyển phần bộ điều khiển có liên quan vào bộ điều khiển mới và đánh dấu vào một html mới và các vụ cháy $watch chính xác một lần sau khi khởi tạo nhưng không chỉnh sửa gõ trong đầu vào liên quan.

JS:

app.controller('getRecipientWidgetController', [ '$scope', function($scope) { 
    console.log("controller initializing") 
    var testReceivingAddress = function(input) { 
     console.log("change detected") 
    } 
    $scope.$watch("addressInput", testReceivingAddress) 
} ]) 

HTML của wrapper:

<ng-include 
    src="'partials/getRecipientWidget.html'" 
    ng-controller="getRecipientWidgetController" 
    ng-init="recipient=cert"> <!-- ng-init doesn't influence the bug. --> 
</ng-include> 

HTML của partials/getRecipientWidget.html:

<md-text-float ng-model="addressInput"></md-text-float> 

tôi nghi ngờ có một số voodoo phạm vi xảy ra? Tôi rời khỏi ng-init để làm rõ những gì tôi muốn đạt được: xây dựng một widget rõ ràng phức tạp hơn, có thể sử dụng lại trong trường hợp này sẽ hoạt động trên $scope.cert là recipient của nó.

Answer 1

Đó có lẽ vì ng-include sẽ tạo ra một phạm vi di truyền mới trên HTML bao gồm, do đó $scope.addressInput trong điều khiển của bạn không phải là tài liệu tham khảo tương tự như $scope.addressInput trong getRecipientWidget.html

Vâng nó không phải dễ dàng để giải thích, nhưng bạn có nên đặt ng-controller trong HTML của getRecipientWidget.html (chứ không phải trên div ở trên bao gồm nó), HOẶC bạn có thể sử dụng một đối tượng chẳng hạn như something.addressInput thay vì addressInput thô giúp tránh các vấn đề tham chiếu trên các loại thô (số/chuỗi).

Answer 2

ng-include tạo phạm vi mới.

Hãy thử điều này

<md-text-float ng-model="$parent.addressInput"></md-text-float> 

Plunker example