更改指令中的范圍值

Question

什么是通過指令分配新值的最佳方法？ 雙向數據綁定。

我在這里嘗試了一個小提琴。 http://jsfiddle.net/user1572526/grLfD/2/ 。 但它不起作用。

我的指示：

myApp.directive('highlighter', function () {
    return {
        restrict: 'A',
        replace: true,
               scope: {
                    activeInput: '='
                },
        link: function (scope, element, attrs) {
            element.bind('click', function () {
                scope.activeInput = attrs.setInput 
            })
        }
    }
});

而我的控制器：

function MyCtrl($scope) {
             $scope.active = {
                value : true
            };
}

我的觀點是：

<h1 highlighter active-input="active.value" set-input="false">Click me to update Value in scope: {{active}}</h1>

所以我想做的是使用給定的屬性setInput更新scope.active。

我在這里做錯了什么想法？

Answer 1

使用element.bind你可以離開Angular的領域，所以你需要告訴Angular發生了什么。 您可以使用scope.$apply執行此操作scope.$apply function：

scope.$apply(function(){
  scope.activeInput = attrs.setInput;
});

這是一個更新的jsfiddle 。