Angular.js Wie aktualisiert man den Geltungsbereich von einer Direktive?

Question

Wie kann ich den Gültigkeitsbereich in der Direktive aktualisieren?

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

Meine Richtlinie:

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) { 
    }]); 

Nach Klick Richtlinie nicht aktualisiert.

Answer 1

Verwenden $apply Methode:

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

Erläuterung: How does data binding work in AngularJS?