大佬教程收集整理的这篇文章主要介绍了从angularjs中的另一个指令中添加指令,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想做的是
1)在编译函数内改变自定义元素指令(如< h7>< / h7>).通过这样做,浏览器挂起.
码:
<h7>TEST</h7> animateAppModule.directive('h7',function($compilE){ return { reStrict:"E",compile:function(tElement,tAttrs,transcludE){ tElement[0].setAttribute("ng-class","{SELEcted:istruE}"); return function(scope,iElement,iAttrs){ //$compile(iElement)(scopE); } } } })
如果我取消注释// $compile(iElement)(scopE);这行,浏览器挂起.
你可以在这个小提琴http://jsfiddle.net/NzgZz/3/中取消注释上面说的那行,看看浏览器是否挂起.
但是,如果我在h7指令中有模板属性,则浏览器挂起不会发生,如此小提琴所示. http://jsfiddle.net/KaGRt/1/.
总的来说,我想要实现的是
我想在模板指令的帮助下,使用新的功能来修改模板.像装饰图案一样的东西.
我在指令链的指令的编译函数中执行此操作,以便它影响该模板的所有实例.
我想要实现的一个例子.
<xmastree addBaloon addSanta></xmastree>
1)假设xmastree有一个模板 – < div class =“xmastree”ng-class = {Blinks:isBlinking}>< / div>
2)假设addBaloon有一个模板< div class =“ballon”ng-class = {inflated:isinflateD}>< / div>
然后,addBaloon编译函数应该将模板从step1扩充到类似的东西
<div class="xmastree" ng-class={Blinks:isBlinking}> <div ng-repeat = "ballon in ballons"> <div class="ballon" ng-class={inflated:isinflateD}></div> </div> </div>
3)假设addSanta有一个模板< div class =“santa”ng-class = {fat:isFat}>< / div>
然后,addSanta编译函数应该将模板从步骤2扩充到类似的东西
<div class="xmastree" ng-class={Blinks:isBlinking}> <div ng-repeat = "ballon in ballons"> <div class="ballon" ng-class={inflated:isinflateD}></div> </div> <div ng-repeat = "santa in santas"> <div class="santa" ng-class={fat:isFat}></div> </div> </div>
以上是大佬教程为你收集整理的从angularjs中的另一个指令中添加指令全部内容,希望文章能够帮你解决从angularjs中的另一个指令中添加指令所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。