[英]In a custom Angular directive, pass the innerHTML as an attribute to another directive
我正在尝试采用Angular指令的innerHTML,并将其作为另一个指令的属性传递。 因此,假设我有:
<js-code>This is some text</js-code>
我的jsCode指令如下所示:
prettifyModule.directive('jsCode', function() {
return {
restrict: 'E',
compile: function($element, $scope) {
$scope.codeText = $element.html();
$element.replaceWith("<code-mirror model='codeText'></code-mirror>");
}
};
});
目标是传递包含字符串“ This is some text”的变量作为code-mirror
指令的model
属性。 在大多数情况下,这似乎可行。 我可以在元素中看到伪指令看起来像:
<code-mirror model='codeText'></code-mirror>
但是,此时代码镜像指令的控制器未初始化。
如果有人指出我做错了什么,或者有更好的方法可以完全做到这一点,将不胜感激。
我的限制是:
code-mirror
指令。 jsCode
指令的文本。 我已将指令代码更改为
myApp.directive('myDirective', function($compile) {
return {
restrict: 'E',
link: function($scope, $element){
$scope.codeText = $element.html();
var template = "<second-directive model='codeText'></second-directive>";
var linkFn = $compile(template);
var content = linkFn($scope);
$element.replaceWith(content);
},
controller: function($scope) {
$scope.test = "Text from controller";
}
};
});
这是更新的小提琴http://jsfiddle.net/xw7ms0xd/2这是我第一次使用$ compile服务。 从这里获得参考http://odetocode.com/blogs/scott/archive/2014/05/07/using-compile-in-angular.aspx
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.