Dlaczego mój zegarek $ tylko raz się uruchamia?

Question

Jestem faktoringu niektóre widżet i wyrażenie $watch działa doskonale, mając wszystko w jednym pliku, ale teraz przeniosłem odpowiednią część kontrolera do nowego kontrolera i znaczników do nowego html i $watch strzela dokładnie raz po inicjalizacji, ale nie kiedy edytowanie wpisywania powiązanych danych wejściowych.

JS:

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

HTML owijki:

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

HTML partials/getRecipientWidget.html:

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

Podejrzewam, że jest jakiś zakres voodoo dzieje? Opuściłem ng-init, aby jasno określić, co chcę osiągnąć: zbudować oczywiście bardziej złożony, wielokrotnego użytku widget, który w tym przypadku będzie działał pod numerem $scope.cert jako jego recipient.

Answer 1

To prawdopodobnie dlatego ng-include stworzy nowy odziedziczony zakresu od załączonego HTML, stąd $scope.addressInput w kontrolerze nie to samo odniesienie jako $scope.addressInput w getRecipientWidget.html

Więc to nie jest łatwe do wyjaśnienia, ale należy też umieścić ng-controller w kodzie HTML getRecipientWidget.html (a nie na powyższym div, który obejmuje) LUB można użyć obiektu, takiego jak something.addressInput zamiast surowego addressInput, co pozwala uniknąć problemów z odniesieniami na surowych typach (liczba/ciąg).

Answer 2

ng-include tworzy nowy zakres.

Spróbuj

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

Plunker example