假设我有工作指令< my-directive> ;.它执行一些html渲染和事件处理,它是彻底测试。 现在我想用另一个包装指令< wrapper>这将呈现这个html片段< div class =“my-div”>,以便我可以编写如下
代码:
<wrapper>
<my-directive></my-directive>
</wrapper>
并有:@H_301_4@
<div class="my-div">
<my-directive></my-directive>
</div>
怎么可以实现呢?我以前尝试了一些方法,没有一个似乎在工作,所以我不发布任何代码。@H_301_4@
您可以创建包装器指令
app.directive('wrapper',function() {
return {
restrict: 'E',replace: true,transclude: true,template: '<div class="my-div" ng-transclude></div>'
};
});
演示:Plunker@H_301_4@