表达式
常用指令
1. ng-app
ng-app指令: 指定当前标签为跟标签,在一个页面中只能有一个跟标签
功能:代码在执行到该指令时,会初始化整个angular程序
一般加载到body或html标签上,只能出现一次
app:声明angular应用程序的范围
2.ng-init
通常使用ng-init来初始化定义一些变量,如果需要定义多个变量,则变量之间使用分号分割
一般情况下,在init指令中定义的变量都是静态变量,在页面加载时就需要确定值,非常不方便,所以日常开发中,我们会在控制器中定义变量,并把值传进来
{{}}:两个花括号嵌套,中间可以写表达式,所有js的表达式都可以写在这里执行
3.ng-repeat
使用ng-repeat指令遍历数组、对象的值
如果需要遍历 得到属性、对象的下标、属性名,则需要在in操作符前使用小括号包裹两个变量,这样第一个变量中存放的就是下标、属性名;第二个变量中存放的就是元素、属性值
ng-repeat指令的使用场景:常用来解析json数据,并把数据展示在页面中,json转成对象
4.ng-class
class指令:是给标签添加class值,一般给该指令赋值,要么是保存了字符串的变量,要么是字符串,
使用场景:经常使用class指令来设置预定义样式
5.ng-click
6.ng-mouseover
7.ng-focus / ng-blur
8.ng-style
9.ng-model
10.ng-bind
11.ng-if
12. ng-show / ng-hidden
注意:如果使用两个radio按钮,会有问题。
13.ng-disable
14.ng-href / ng-src
15.ng-include
创建一个 common.html页面,写一段代码片段,
ng-include:导入页面公用部分,代码片段,必须在服务器打开
<div ng-include="'common.html'"></div>
16.ng-cloak
可以解决页面闪动问题;一般加在最外面标签即可
网友评论