AngularJS1学习-常用指令(二)

本篇总结AngularJs1中的常用指令,以及简单的使用实例.

1.ng-app:

2.{{}}:

3.ng-model

4.ng-init

1.ng-app:

最基础的指令,用于<body >标签上,指令定义了AngularJS应用的根元素

2.{{}}

AngularJs1的基本表达式,里面可以使变量或者运算式

3.ng-model:

数据双向绑定的重要指令,有种定义变量的意味在里面,用法举例:

<input ng-model="name" >

{{name}}

这时,页面显示的name会与input框里面的内容保持一致.

4.ng-init,可以初始化变量

<body ng-app ng-init="name='布鲁斯韦恩''">   

请输入您的姓名<input ng-model="name">

{{name}}

这时,页面加载完成的时候,input框中会出现设置好的默认名字,"布鲁斯韦恩"

猜你喜欢

转载自www.cnblogs.com/Mr-Brown/p/9621310.html