初识Angular

Posted on 2016-08-16 16:31  _oO卖女孩的老火柴  阅读(90)  评论(0)    收藏  举报

AngularJS 实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app=""> // ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者".  没加ng-app就解析不出{{name}},会原样输出。
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>
 
 

ng-model 指令把输入域的值绑定到应用程序变量 name。

ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。