Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了指令的Link函数和Scope大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

Crayon-r ">Crayon-r ">指令生成出的模板其实没有太多意义,除非它在特定的scope下编译。认情况下,指令并不会创建新的子scope。更多的,它使用父scope。也就是说,如果指令存在于一个controller下,它就会使用这个controller的scope。 如何运用scope,我们要用到一个叫做 link 的函数。它由指令定义对象中的link属性配置。让我们来改变一下我们的 HelloWorld 指令,当用户一个输入框中输入一种颜色的名称时,Hello World 文字的背景色自动发生变化。同时,当用户Hello World 文字上点击时,背景色变回白色。 相应的HTML标记如下:

Crayon-r ">Crayon-r ">Crayon-e ">ng-controllerCrayon-o">=Crayon-s ">"MainCtrl"

Crayon-57d5b99800149461853446-2" class="Crayon-line Crayon-Striped-line">Crayon-i ">Crayon-r ">Crayon-e ">typeCrayon-o">=Crayon-s ">"text"Crayon-h"> Crayon-e ">ng-modelCrayon-o">=Crayon-s ">"color"Crayon-h"> Crayon-e ">placeholderCrayon-o">=Crayon-s ">"Enter a color"
Crayon-57d5b99800149461853446-3" class="Crayon-line">Crayon-i ">Crayon-r ">
Crayon-57d5b99800149461853446-4" class="Crayon-line Crayon-Striped-line">Crayon-r ">

大佬总结

以上是大佬教程为你收集整理的指令的Link函数和Scope全部内容,希望文章能够帮你解决指令的Link函数和Scope所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: