什么是SPA

真正的 AngularJS 单页 Web 应用(single page web application,SPA)

一些基础概念

<html> 元素是 AngularJS 应用: ng-app="myNoteApp" 的容器:

<div> 是 HTML 页面中控制器: ng-controller="myNoteCtrl" 的作用域:

ng-model 指令绑定了 <textarea> 到控制器变量 message:

1
<textarea ng-model="message" cols="40" rows="10"></textarea>

两个 ng-click 事件调用了控制器函数 clear() 和 save():

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=)。

<div> 元素定义了 AngularJS 控制器的作用域 (ng-controller=)。

在一个应用可以由很多控制器。

应用文件(my...App.js) 定义了应用模型代码。

一个或多个控制器文件 (my...Ctrl.js) 定义了控制器代码。

最新文章

  1. VS配置路径和宏
  2. MAC OSX通过Terminal命令行控制蓝牙状态开关
  3. java重写equals方法
  4. eclipse打开jar包出现乱码问题解决方法
  5. AFNetworking vs ASIHTTPRequest vs MKNetworkKit
  6. SQL索引一步到位(此文章为“数据库性能优化二:数据库表优化”附属文章之一)
  7. mysql中的sql时间格式转换
  8. 【HDOJ】2319 Card Trick
  9. java 跳转地址栏地址改变
  10. Android向SDCard中上传文件时报错:Failed to push items
  11. 《windows程序设计》学习_4:文本输出,加滚动条
  12. htop安装步骤【原创】
  13. Mysql ssl 连接
  14. github上face_recognition工程项目实践
  15. HAProxy配置说明(转)
  16. USB HID设备报告描述符详解(转)
  17. BZOJ3673 可持久化并查集 by zky 可持久化 并查集
  18. 【ASP.NET Core】运行原理(1):创建WebHost
  19. C++继承 派生类中的内存布局(单继承、多继承、虚拟继承)
  20. 对象 get和set方法

热门文章

  1. Android数据库高手秘籍:SQLite命令
  2. 杭电1018-Big Number(大数)
  3. hdoj--1495--非常可乐(搜索+隐式图)
  4. 4.vim操作
  5. Comparable与Comparator区别(实现和使用)
  6. MVC 全局异常处理(适用多人操作)
  7. 在eclipse环境下使用maven install 命令碰到native2ascii-utf8问题解决方案
  8. 网易NAPM Andorid SDK实现原理--转
  9. ifame子页实现父页面刷新(或跳转到指定页面)
  10. 读书笔记之《HTML5 与 CSS3 基础教程》