Связывание данных в выделенной области директивы

Question

Я хочу создать директиву с изолированной областью, но я не могу заставить ее работать.

jsFiddle

Я хочу, чтобы изолировать возрастную модель в рамках директивы. Я хочу выполнить некоторую бизнес-логику на этой модели, а затем установить для этой модели привязку к родительскому. Надеюсь, скрипка объяснительна.

Я также добавление кнопки в шаблон, который при нажатии на должно вызывать функцию представить:

<button ng-click="submit()">click me</button> 

Кажется, кнопка работает нормально, но почему $scope.$watch() не срабатывает начать? В обычной ситуации, если я изменил значение представления, он автоматически обновит значение модели. Но теперь это не так.

Answer 1

$watch требует знака доллара, и вы передаете либо функцию или строку, которая вычисляется по Вашей области, а именно:

$scope.$watch('age', function(value) { 

Есть еще много ошибок в коде, например, вы не имеют объявленную переменную под названием «возраст», поэтому эта строка будет ссылаться window.age и дать вам ошибку, потому что не определено, что нужно сказать $scope.age я думаю:

age = age+10; 

это просто выглядит обновленной скрипку детская площадка,надеюсь, это укажет вам в правильном направлении. Я бы рекомендовал пройти через egghead.io angular videos.