AngularJS 自定义指令如何使用

1.应用场景

主要用于自定义指令, 减少代码重用，提高代码可读性，也便于后期维护。

2.学习/操作

1.介绍   2.学习 https://www.cnblogs.com/Gherardo/p/7069199.html   //浅谈AngularJS中的指令和指令间的相互通信  //讲得还可以, 但是还是有些纰漏, 建议结合 https://www.php.cn/code/19934.html   //PHP中文网视频讲解 一起学习消化     指令之间的互相通信: 单向: require:'^父级指令', compile: function(element, attrs){ return function (scope,elements,attrs,cntIns) {     //cntIns  为require的父级指令的控制器（方便调用require指令的方法和属性）     cntIns.fn() }; } 指令与控制器通信:  //单向和双向通信 通过指令中  scope:true， 或者 scope:{ "属性1": "@" //单向 任何数据库类型  "属性2": "=" //双向 可以任何数据类型  "属性3": "&" //单向 只能简单数据类型 }， compile()与link() 区别以及使用场景 --- 也是angularJS中最为男理解和'重要'的部分   要理解两者的区别:  需要理解angularJS的编译阶段     看下代码:       执行结果:     简单说: complie与link不能同时使用, 因为compile返回的就是函数即 link函数 complie 中包括prelink 与 postlink 而直接写link(), 就是postlink complie中常做dom更改, link中则是事件监听.     完整的学习: https://www.php.cn/code/19940.html   //compile 与 link  https://download.csdn.net/download/william_n/12678180  //下载angularJS的练习code, 帮助学习和使用     3. 属性详解 scope: https://blog.csdn.net/william_n/article/details/105820878  //AngularJs 自定义指令中的Scope属性   https://www.php.cn/code/19934.html   //PHP中文网视频讲解     后续补充 ...

3.问题/补充

TBD

4.参考

https://www.jb51.net/article/58229.htm  //angularjs指令中的compile与link函数详解 https://blog.csdn.net/victoryzn/article/details/77600769 //AngularJS自定义指令controller和link传参 https://blog.csdn.net/victoryzn/article/details/76772068  //AngularJs自定义指令详解 https://www.cnblogs.com/Gherardo/p/7069199.html   //浅谈AngularJS中的指令和指令间的相互通信  讲得比较详细 https://www.cnblogs.com/shawnhu/p/8476801.html  //AngularJs 指令中 的Scope属性 https://download.csdn.net/download/william_n/12678180  //下载angularJS的练习code, 帮助学习和使用

后续补充

...