angularjs – 使用自定义HTML(另一个指令)的Wrap指令
发布时间:2020-12-17 08:08:15 所属栏目:安全 来源:网络整理
导读:假设我有工作指令 my-directivegt ;.它执行一些html渲染和事件处理,它是彻底测试。 现在我想用另一个包装指令 wrapper这将呈现这个html片段 div class =“my-div”,以便我可以编写如下代码: wrapper my-directive/my-directive/wrapper 并有: div class=
假设我有工作指令< my-directive> ;.它执行一些html渲染和事件处理,它是彻底测试。 现在我想用另一个包装指令< wrapper>这将呈现这个html片段< div class =“my-div”>,以便我可以编写如下代码:
<wrapper> <my-directive></my-directive> </wrapper> 并有: <div class="my-div"> <my-directive></my-directive> </div> 怎么可以实现呢?我以前尝试了一些方法,没有一个似乎在工作,所以我不发布任何代码。
您可以创建包装器指令
app.directive('wrapper',function() { return { restrict: 'E',replace: true,transclude: true,template: '<div class="my-div" ng-transclude></div>' }; }); 演示:Plunker (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |