是否可能以某种方式使用ngTransclude作为属性值,而不是替换内部的HTML内容?例如这个简单的指令
var testapp = angular.module('testapp',[]) testapp.directive('tag',function() { return { template: '<h1><a href="{{transcludeHere}}" ng-transclude></a></h1>',restrict: 'E',transclude: true } });
并使用它
<tag>foo</tag>
我想把它翻译成
<h1><a href="foo">foo</a></h1>
有什么办法做,或者我必须使用属性而不是转录?
这里有一个fiddle的例子
这样的东西:
原文链接:https://www.f2er.com/angularjs/145293.htmlvar testapp = angular.module('testapp',function() { return { restrict: 'E',template: '<h1><a href="{{transcluded_content}}">{{transcluded_content}}</a></h1>',replace: true,transclude: true,compile: function compile(tElement,tAttrs,transclude) { return { pre: function(scope) { transclude(scope,function(clone) { scope.transcluded_content = clone[0].textContent; }); } } } } });