什麼是SPAhtml
真正的 AngularJS 單頁 Web 應用(single page web application,SPA)
web
一些基礎概念app
<html> 元素是 AngularJS 應用: ng-app="myNoteApp" 的容器:函數
<div> 是 HTML 頁面中控制器: ng-controller="myNoteCtrl" 的做用域:spa
ng-model 指令綁定了 <textarea> 到控制器變量 message:code
1
|
<textarea ng-model=
"message"
cols=
"40"
rows=
"10"
></textarea>
|
兩個 ng-click 事件調用了控制器函數 clear() 和 save():htm
1
2
|
<button ng-click=
"save()"
>Save</button>
<button ng-click=
"clear()"
>Clear</button>
|
ng-bind 指令綁定控制器函數 left() 到<span> ,用於顯示剩餘字符:事件
1
|
Number of characters left: <span ng-bind=
"left()"
></span>
|
<html> 元素包含了 AngularJS 應用 (ng-app=)。ci
<div> 元素定義了 AngularJS 控制器的做用域 (ng-controller=)。作用域
在一個應用能夠由不少控制器。
應用文件(my...App.js) 定義了應用模型代碼。
一個或多個控制器文件 (my...Ctrl.js) 定義了控制器代碼。