AngularJS 笔记 01

来源:互联网 发布:北京积分落户 知乎 编辑:程序博客网 时间:2024/06/04 18:07

1、ng-app=" "  定义angularJS的使用范围;

2、ng-init="变量='值';变量='值'"  初始化变量的值,有多个变量时,中间用分号隔开;

3、ng-model="变量"  定义变量名;

4、ng-bind="变量"  绑定变量名,获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值,比如:{{变量}}。


实例:

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><div ng-app="" ng-init="name='kohai'">  <p>名字 : <input type="text" ng-model="name"></p>  <h1>Hello {{name}}</h1>  <h1 ng-bind="name"></h1></div></body></html>
运行结果:



原创粉丝点击