Angular.js Comment mettre à jour la portée d'une directive?

Comment puis-je mettre à jour champ d'application de la directive?

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

Mon directive:

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

Après cliquez sur la directive n'est pas à jour.

source d'informationauteur ExyTab

  1. 40

    Utilisation $s'appliquent méthode:

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

    Explication: Comment fonctionne la liaison de données de travail dans AngularJS?