什么是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) 定义了控制器代码。