Angular2 学习笔记

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(){

         }  /通过该方法返回的值判断是否通过/
    

    }