javascript - angularjs 自定义指令双向绑定(bind) watch 不起作用

Question

我创建了一个自定义指令并使用两种方式绑定(bind) (=)

但我想在指令中更改模型时观察 Controller 的变化。

警告应该在用户更改输入时出现，但警告只在开始时出现一次。

我的javascript

var myApp = angular.module('myApp', [])

    .controller("myCtrl", function ($scope) {
    $scope.test = "myValue";
    $scope.$watch('myValue', function () {
        alert('hey, myVar has changed!');
    });
})

    .directive('myDirective', function () {
    return {
        restrict: 'EA',
        scope: {
            myModel: '=ngModel'
        },
        template: '<input ng-model="myModel"/>'
    }
});

和html

<div ng-app="myApp">
    <div ng-controller="myCtrl">{{test}}
        <my-directive ng-model="test"></my-directive>
    </div>
</div>

http://jsfiddle.net/c7nbk8uq/

Answer 1

你看错了变量？

$scope.$watch('test', function() {
       alert('hey, myVar has changed!');
   });