Angular.js如何從指令更新範圍？

Question

如何更新指令中的作用域？

<div ng-controller="MyCtrl"> 
    <p t></p> 
</div> 

我的指令：

var myModule = angular.module('myModule', []) 
    .directive('t', function() { 
     return { 
      template: '{{text}}', 
      link: function (scope, element, attrs) { 
       scope.text = '1'; 
       element.click(function() { 
        scope.text = '2'; 
       }); 
      } 
     }; 
    }) 
    .controller('MyCtrl', ['$scope', function ($scope) { 
    }]); 

後點擊指令不更新。

Answer 1

使用$apply方法：

element.click(function() { 
     scope.$apply(function(){ 
      scope.text = '2'; 
     }); 
    }); 

說明：How does data binding work in AngularJS?