templateUrl

AngularJS 指令学习之一 指令简介

▼魔方 西西 提交于 2020-03-01 23:04:42
1.什么是AngularJS的指令? HTML元素由一个开始标签和一个结束标签组成,基于对此的理解,指令本质上就是AngularJS扩展具有自定义功能的HTML元素的途径。简单理解指令就是自定义的HTML元素和属性。 2.AngularJS指令的组成? AngularJS指令包括内置和自定义指令,其中内置指令是打包在AngularJS内部的指令。所有内置指令的命名空间都使用ng作为前缀。 注 : 为了防止命名空间冲突,不要在自定义指令前加ng前缀。 内置指令包括: ng-href , ng-src 是类布尔属性; ng-disabled , ng-checked , ng-readonly , ng-selected , ng-class , ng-style 是布尔属性; 注 :根据HTML标准的定义,布尔属性代表一个 true 或 false 值。当这个属性出现时,这个属性的值就是 true (无论实际定义的值是什么) 。如果未出现,这个属性的值就是 false 。 3.创建一个自定义指令 <html ng-app="myApp"> <!-- 应用的$rootScope --> <my-directive></my-directive> </html> 我们首先已经创建了一个完整的HTML的文档,其中包含了AngularJS,并且DOM中已经用ng-App标识出应用的元素