将内容从控制器传递到存在于控制器外部的自定义指令

Question

如何将来自控制器的内容传递到存在于控制器外部的自定义指令。

HTML

<div ng-controller="addcontent"> 
<a href="#" ng-click="addcontenttobox('1234567')">add content 1234567</a> 
</div> 
<outside-box></outside-box> 

控制器

angular.module('myApp') 
.controller('addcontent', function ($scope) { 
$scope.addcontenttobox = function(content){ 
     $scope.msg = content; 
    } 
}); 

指令

angular.module('myApp') 
.directive('outsideBox', function() { 
return { 
    templateUrl : "msg.html", 

}; 
}); 

msg.html

Number - {{msg}} 

Answer 1

你应该阅读关于指令的范围。您可以使用作用域将数据传递给指令。隔离范围应该为您完成任务。在这里阅读。

https://www.undefinednull.com/2014/02/11/mastering-the-scope-of-a-directive-in-angularjs/