コントローラからコンテンツをコントローラ外にあるカスタムディレクティブに渡す

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/