Пример использования

Используя a, select который привязан к переменной контроллера, всякий раз, когда переменная существует в родительском контроллере и $watch создается для этой переменной в родительском, родительский $watch не запускается. Почему это происходит?

Код

Служебная функция генератора случайных данных

Этот код не важен, но включен для наглядности.

 function populate(x) {
    var items = [];
    for (var i = 0; i < x; i  ) {
        items.push( { label: 'item '   i,
                     data: { value: 'some value '   i },
                     id: i });
    }
    return items;
};
  

Родительский контроллер

 function parent($scope) {
  $scope.items = populate(10);
  $scope.selected = $scope.items[0];
  $scope.fired = 0;

  $scope.$watch('selected.id', function(id) {
      $scope.fired  ;
  });
};
  

Дочерний контроллер

 function child($scope) {

};
  

Сценарий 1

Этот сценарий работает так, как описано. В этом случае переменная $scope.fired будет увеличиваться всякий раз, когда пользователь изменяет значение выбора. jsFiddle

Вид

 <div ng-app>
    <div ng-controller="parent">
        <select ng-model="selected"
                ng-options="item as item.label for item in items">
        </select>
        <pre>
            {{ fired | json }}
        </pre>
        <pre>
            {{ selected | json }}
        </pre>
    </div>
</div>
  

Сценарий 2

В следующем сценарии $watch не будет запускаться в родительском контроллере. Однако, если $watch переместить на дочерний контроллер, он сработает. Примечание: изменение в строке 3 по сравнению с приведенным выше кодом. jsFiddle

Вид

 <div ng-app>
    <div ng-controller="parent">
        <div ng-controller="child">
            <select ng-model="selected"
                    ng-options="item as item.label for item in items">
            </select>
            <pre>
                {{ fired | json }}
            </pre>
            <pre>
                {{ selected | json }}
            </pre>
        </div>
    </div>
</div>
  

Вопрос

Почему включение дочернего контроллера приводит к тому, что $watch не запускается, даже если дочерний контроллер наследует $scope ?

Родительский selected не меняется сам по себе. Дочерняя область selected является. Вот почему watch работает не так, как вы ожидали. Это связано с прототипным наследованием.

$watch Сам должен быть определен в дочерней области, независимо от того, что родительская область является той, которая объявляет ее в первую очередь.