AngularJS 笔记 01

最新推荐文章于 2024-10-11 19:03:40 发布

gqxqd

最新推荐文章于 2024-10-11 19:03:40 发布

阅读量205

点赞数

分类专栏： AngularJS 文章标签： AngularJS 笔记

AngularJS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

运行结果：