javascript - 尝试在范围隔离指令中运行绑定(bind)方法

Question

为什么这不起作用？

<小时/>

index.html

<div ng-controller="mainController">
    <sun external-fct="changeValue(internalValue)"></sun>
</div>

controllers.js

controllers.controller('mainController', ['$scope', function ($scope) {

    $scope.changeValue = function (newValue) {
        $scope.value = newValue;
    }

    $scope.$watch('value', function (n, o) {
        if (n !== o)
            alert('the value has changed to ' + n);
    });

}]);

directives.js

directives.directive('sun', function () { return {

    scope: {
        fct: '&externalFct'
    },

    template: '<button>click me</button>',

    link: function (scope, element, attrs) {

        element.on('click', function (e) {
            scope.fct({
                internalValue : 'test'
            })
        });
    }
}});

当我点击<button>时，该指令的外部作用域不 $watch改变后的值!

Answer 1

WWHOOPS!我只是忘记在点击时运行$digest()!