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

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/