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