发表于: 2020-08-03 23:17:47

0 1173


(1)背景介绍:

AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-

AngularJS 通过内置的指令来为应用添加功能。

AngularJS 允许你自定义指令。

(3)知识剖析:

直接在webstorm中展示

(5)扩展思考:

除了 AngularJS 内置的指令外,我们还可以创建自定义指令。

你可以使用 .directive 函数来添加自定义的指令。

要调用自定义指令,HTML 元素上需要添加自定义指令名。

使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-directive:

(6)参考文献:

https://www.cnblogs.com/focusxxxxy/p/6390536.html   js 基本类型与引用类型的区别

https://www.cnblogs.com/wpp12345/p/6076659.html    js 基本类型与引用类型的区别

(7)更多讨论:

1、指令的优先级

优先级参数可以被设置为一个数值。大多数指令会忽略这个参数,使用默认值0,但也有些 场景设置高优先级是非常重要甚至是必须的。

2、ng-if和ng-show之间的区别

angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。 当赋值给ng-show指令的值为false时元素会被隐藏,值为true时元素会显示。ng-hide功能类似,使用方式相反。元素的显示或隐藏是通过改变CSS的display属性值来实现的。ng-if指令可以根据表达式的值在DOM中生成或移除一个元素。如果赋值给ng-if的表达式的值是false,那对应的元素将会从DOM中移除, 否则生成一个新的元素插入DOM中。ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是删除或者新增结点。

3、$scope和$rootScope的区别

scope是html和单个controller之间的桥梁,数据绑定就靠他了。rootscope是各个controller中scope的桥梁。用rootscope定义的值,可以在各个controller中使用。



返回列表 返回列表
评论

    分享到