美文网首页
angularJS模块(3)

angularJS模块(3)

作者: 柠檬_60d3 | 来源:发表于2018-01-10 14:12 被阅读0次

angularJS模块(3)

和前几个例子对比,这个例子的JS和HTML代码都略有不同,JS代码里面多了一个transclude:true,HTML代码里面在<hello>内部出现了子标签。

指令的作用是把我们自定义的语义化标签替代成浏览器能够认识的HTML标签。但如果我们自定义的标签内部出现了子标签,应该如何去处理呢?很显然,transclude就是用来处理这种情况的。对于当前这个例子,transclude的作用可以简化理解成:把<hello>标签内部的内容保持不变。很显然,由于我们没有加replace:true选项,所以<hello>标签还在,没有被替换掉。同时,通过这个例子你还会发现一个暗藏的属性,那就是浏览器实际上非常智能,虽然它并不认识<hello>这个标签,但是页面没有出错,它只是默默地把这个标签忽略掉。

相关文章

  • angularJS模块(3)

    angularJS模块(3) 和前几个例子对比,这个例子的JS和HTML代码都略有不同,JS代码里面多了一个tra...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

  • angularJS模块(1)

    angularJS模块

  • MVC应用

    AngularJS 模块(Module) 定义了 AngularJS 应用。 AngularJS 控制器(Cont...

  • angularJS模块(4)

    angularJS模块(4)

  • angularJS模块(2)

    angularJS模块(2)

  • angular模块的方法

    AngularJS并没有main方法,AngularJS使用模块的概念来代替main方法。 加载和依赖模块加载动作...

  • AngularJS学习

    引入angular.js AngularJS 应用 AngularJS 模块(Module) 定义了 Angula...

  • AngularJS模块加载

    看讨论: Angular中的模块机制AngularJS建立在模块原理上,大部分由AngularJS提供的功能都内置...

  • AngularJS XMLHttpRequest

    $http是AngularJS中的一个核心服务,用于读取远程服务器的数据。 AngularJS 模块 模块定义了一...

网友评论

      本文标题:angularJS模块(3)

      本文链接:https://www.haomeiwen.com/subject/jmdonxtx.html