angualrJs指令起名的bug

我在写一个demo时:

<div ng-repeat="user in users" my-template2 my-template>  //my-template2 和my-template 是我写的两个指令,注意我起的指令名

然后在实际使用中:
.directive("myTemplate",function () {    return{        restrict : "EACM",        replace : true,        compile : function (tElement, tAttrs, translude) {             console.log("1 正在编译!");                               // 总是 先 指令 myTemplate 编译, 然后 myTemplate2在编译            tElement.append(angular.element("<div>aaaa1</div>"));     //tip : 这里会触发,但是页面上却没有。            return function () {                console.log("1 的 compile 下的 postLink 已执行!");            }        }    }}).directive("myTemplate2",function () {    return{        restrict : "EACM",        template:‘<div>{{user.name}}</div>‘,        compile : function (tElement, tAttrs, translude) {            tElement.append(angular.element("<div>aaaa2</div>"));            console.log("2 正在编译!");

return {                pre : function preLink() {                    console.log("2 preLink 函数");                },                post: function postLink() {                    console.log("2 postLink函数");                }            };        },        link : function () {

}    }})/**结论: 如果你的起名类似 xx 和 xx + “其他的字符串”(比如: demoDer 和 demoDersss) ,且他们作用在同一个元素上时, 优先级相同时, xx 总是会先编译(也许是他短-->我很短,但是我可以旋转),且对他的dom调整会失效。当你换了一个名字的时候比如demoDer1 和 demoDers 时, 就会恢复正常。这是我发现的一个现象 我的angualr版本是 :
v1.2.16听说angualr 已经4.00 不知道新的版本还有这个问题吗? 有待测试。
*/
				
时间: 2024-08-09 18:53:25

angualrJs指令起名的bug的相关文章

linux内核设计与实现一书阅读整理 之第十八章

CHAPTER 18 调试 18.1 准备开始 需要的是准备是: - 一个bug - 一个藏匿bug的内核版本 - 相关内核代码的知识和运气 重点: 想要成功的进行调试,就取决于是否能让这些错误重现.如若不能,消灭bug就只能通过抽象出问题,再从代码中寻找蛛丝马迹来进行了. 18.2 内核中的bug bug出现时可能的症状: 错误代码.(如没把正确的值存放在恰当的位置) 同步时发生的错误.(如共享变量锁定不当) 错误的管理硬件.(如给错误的控制寄存器发送错误的指令) ...... 内核bug发作

面向对象课程第二次随笔

多线程的协同与同步控制 第五次作业 作为第一次多线程作业,对于多线程的同步和协同机制还不是非常了解.在这次作业中,我将三个电梯作为了三个线程,输入线程和调度器线程进行辅助.输入线程和调度器线程之间采取了很简单的生产者消费者模式来进行指令的传递.比较重要的是调度器与三个电梯之间的协同,共享资源为指令与电梯的状态.由于要考虑电梯的状态进行分配指令,电梯状态的同步是十分重要的,我在电梯类中设计了一个专门的方法返回电梯状态并将这个方法synchronized来保证调度器获得的电梯状态与实际电梯状态的同步

贪吃蛇“大作战”(三)

例程实操与分析 在之前的两篇博客中分别通过面向过程和面向对象的编程思想分析介绍了来自sunny开始学坏的贪吃蛇例程,今天的博客将通过运行这个贪吃蛇例程来了解各行代码的作用,同时通过"找茬"的方式深入分析了解贪吃蛇的运行机制并改善这个例程. 下面是这个贪吃蛇例程的代码: 1 import os,random 2 sw=[[5,5]] 3 #lc=[[0,0],[0,1],[0,2],[0,3],[0,4],[0,5],[0,6]] 4 lc=[[5,i] for i in range(1

Bug解决方案:org.xml.sax.SAXParseException; lineNumber: 1; columnNumber: 8; 不允许有匹配 &quot;[xX][mM][lL]&quot; 的处理指令目标

十月 17, 2016 10:14:30 下午 org.springframework.context.support.AbstractApplicationContext prepareRefresh信息: Refreshing org[email protected]2e0fa5d3: startup date [Mon Oct 17 22:14:30 CST 2016]; root of context hierarchy十月 17, 2016 10:14:30 下午 org.spring

Memcached 二进制协议(BinaryProtocol) incr指令泄露内存数据的bug

缘起 最近有个分布式限速的需求.支付宝的接口双11只允许每秒调用10次. 单机的限速,自然是用google guava的RateLimiter. http://docs.guava-libraries.googlecode.com/git-history/master/javadoc/com/google/common/util/concurrent/RateLimiter.html 分布式的ReteLimiter,貌似没有现在的实现方案.不过用memcached或者Redis来实现一个简单的也

转载 Memcached BinaryProtocol incr指令内存泄露的bug

缘起 最近有个分布式限速的需求.支付宝的接口双11只允许每秒调用10次. 单机的限速,自然是用google guava的RateLimiter. http://docs.guava-libraries.googlecode.com/git-history/master/javadoc/com/google/common/util/concurrent/RateLimiter.html 分布式的ReteLimiter,貌似没有现在的实现方案.不过用memcached或者Redis来实现一个简单的也

angualrjs学习总结三(http、select、表格、指令以及事件)

一:http XMLHttpRequest:$http是angularjs的一个核心服务,用于读取远程服务器的数据.$http.get(url) 是用于读取服务器数据的函数.举例:<div ng-app="myApp" ng-controller="customersCtrl"><ul> <li ng-repeat="x in names"> {{ x.Name + ', ' + x.Country }} &l

Ubuntu进阶学习,指令迅速查询,Bug迅速查询(Ctrl+F)

There is some notes while I am learning Ubuntu Operate System! (Ask Ubuntu) 1-- Hard link : ln command have different parm. Hard link means that the two files is connect together for backup the original files.If you edit any of the two files , it wil

学习AngularJs:Directive指令用法(完整版)

这篇文章主要学习AngularJs:Directive指令用法,内容很全面,感兴趣的小伙伴们可以参考一下 本教程使用AngularJs版本:1.5.3 AngularJs GitHub: https://github.com/angular/angular.js/ AngularJs下载地址:https://angularjs.org/ 摘要:Directive(指令)笔者认为是AngularJ非常强大而有有用的功能之一.它就相当于为我们写了公共的自定义DOM元素或LASS属性或ATTR属性,并