Angular2 学习笔记
来源:互联网 发布:南极属于哪个国家 知乎 编辑:程序博客网 时间:2024/05/18 00:15
Angular程序架构:
- 组件:
component组成
装饰器:@component,
模板:,
控制器: - 服务
- 指令
模块
开发流程:
环境配置:
用npm安装typescript和typings:
npm install -g typescript typings(或者直接用vscode)
安装angular-cli :
npm install -g angular-cli创建项目:
ng new webapp(文件名)
ng g component name(组件名)
ng serve(启动服务)组件中创建数组:
1.初始化数据类型:
export class a {
constructor(
public name:number/string/boolean
){}
}
2.组件中声明数组:
private as : Array< a > ;
3.在ngOnInit中给数组赋值:
this.as = [
new a(“姓名”),
]路由守卫
- CanActivate(处理导航到某路由的情况)
- CanDeactivate(处理离开路由的情况)
Resolve(路由激活前获取数据)
1.创建guard目录及guard.ts文件
2.声名:
export class guard implements CanActivate {
canActivate(){} /通过该方法返回的值判断是否通过/
}
0 0
- Angular2学习笔记2
- Angular2 学习笔记
- angular2.0学习笔记
- angular2 学习笔记 1
- angular2学习笔记 2
- angular2 学习笔记3
- angular2学习笔记
- angular2学习笔记
- Angular2学习笔记
- Angular2学习笔记1
- angular2学习笔记(1)
- angular2学习笔记(2)
- angular2学习笔记(3)
- angular2学习笔记(4)
- angular2学习笔记(5)
- angular2学习笔记(6)
- angular2学习笔记(7)
- angular2学习笔记(8)
- 实现Runnable接口的方式卖电影票(同步代码)
- 孤儿进程与僵尸进程
- OkHttp源码分析(一)
- 紫书章四习题 2 Squares UVA
- 银行家算法
- Angular2 学习笔记
- Myeclipse常用快捷键及其它(转)
- 虚拟存储器(虚存)
- Linux启动bootargs参数分析
- JAVA-2.1-逻辑运算符、关系运算符、if语句及switch语句
- 获取并编译最新的Notepad++源码
- Adams打开出现错误提示:MSC_LICENSE_FILE=27500@hostname
- HDU 2539 点球大战
- RabbitMQ详细介绍