javascript
AngularJS快速上手
各個(gè) angular.js 版本下載： https://github.com/angular/angular.js/releases
AngularJS 是以一個(gè) JavaScript 文件形式發(fā)布的，可通過(guò) script 標(biāo)簽添加到網(wǎng)頁(yè)中：<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
AngularJS 通過(guò) ng-directives 擴(kuò)展了 HTML。
ng-app 指令定義一個(gè) AngularJS 應(yīng)用程序。
ng-model 指令把元素值（比如輸入域的值）綁定到應(yīng)用程序。
ng-bind 指令把應(yīng)用程序數(shù)據(jù)綁定到 HTML 視圖。
實(shí)例1：
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><script src="libs/angular.min.js"></script> </head> <body> <div ng-app=""><p>名字 : <input type="text" ng-model="name"></p><h1>Hello {{name}}</h1> </div> </body> </html>實(shí)例講解：
當(dāng)網(wǎng)頁(yè)加載完畢，AngularJS 自動(dòng)開(kāi)啟。
ng-app 指令告訴 AngularJS，<div> 元素是 AngularJS 應(yīng)用程序 的"所有者"。
ng-model 指令把輸入域的值綁定到應(yīng)用程序變量 name。
ng-bind 指令把應(yīng)用程序變量 name 綁定到某個(gè)段落的 innerHTML。
總結(jié)
以上是生活随笔為你收集整理的AngularJS快速上手的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： AngularJS快速入门简介
- 下一篇： requireJS和seajs区别？