angular 学习记录

3章3小结 路由传参的3种方式和路由快照，订阅，

@相同路由的跳转（只是参数不同），并不会触发Oninit ，因为没有重新创建component

@子路由

//此种情况 是当我路由地址是 ../Home 主页面展示 HomeComponent ，HomeComponent中html <router-outlet></router-outlet> 展示AComponent

//就是<router-outlet></router-outlet> 路由插座的嵌套

{ path:'Home' , component:HomeComponent

 children:[

    {path:'' ,component:AComponent }, 

  {path:'xx' ,component:xxComponent }

]

}

@辅助路由

 

@路由守卫  就是路由上面的拦截器  CanActivate ,CanDeactivate,Resolve 他们都是接口 

CanActivate 处理导航倒某路由的情况，此处可以判断用户是否有权限 进入路由指定的页面，

CanDeactivate 处理离开某路由的情况，

Resolve 在路由激活之前获取路由信息

export class PermissionCheck implements CanActivate{

　　canActivate(){ return true;}

}

@需要在配置路由的地方指定路由守卫  {path:'xx' ,component:xxComponent ，avtivates:[PermissionCheck ]}

 

@依赖注入 是单例 

 

 

模板本地变量 

<input #myinput   (click)="myclick(myinput.value)" >

#myinput 声明变量  此事myinput 就是 input document

响应式编程