Question

我正在尝试在每个链接的点击事件上显示链接的文本，因为我已经写了一个指令＆＃39; showtext＆＃39;在其中我获取链接的文本，howerver我无法通过函数$ scope传递该值。$ apply（＆＃34; setMessage（$ element.text）＆＃34;）。我也尝试$ scope.message = $ element.text里面的指令，但仍然没有work.plz帮助

<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

如果您更换

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

与

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

everything works fine

从指令到控制器共享数据

1 个答案: