javascript - 从指令到控制器共享数据

Question

我正在尝试在每个链接的单击事件上显示链接的文本，因为我编写了一个指令“showtext”，在其中我获取链接的文本，但是我无法通过函数 $scope.$apply 传递该值("setMessage($element.text)")。我也尝试了 $scope.message = $element.text inside 指令，但它仍然不起作用。请帮助

<div ng-controller="menu">
 <a href="#" showtext>Click</a>
 <a href="#" showtext>Click1</a>
 <a href="#" showtext>Click2</a>
 <button showtext>OK</button>
 <p ng-model="message">You say {{message}}</p>
</div>


var app = angular.module('Demo',[]);

  app.factory('shared',function(){

   });

app.controller('menu',function($scope){
  $scope.message = "" ;
  $scope.setMessage = function(msg){
  $scope.message = msg;
}
});

app.directive('showtext',function(){
return {
    link: function($scope,$element){
        $element.bind('click',function(){
            console.log($element.text());
            $scope.$apply("setMessage($element.text)");
        });
    }
}
});

Answer 1

If you replace

$scope.$apply("setMessage($element.text)");

with

$scope.$apply(function () {
    $scope.setMessage($element.text())
});

everything works fine.