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?