angular 学习记录

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

@相同路由的跳转(只是参数不一样),并不会触发Oninit ,由于没有从新建立component编程

@子路由component

//此种状况 是当我路由地址是 ../Home 主页面展现 HomeComponent ,HomeComponent中html <router-outlet></router-outlet> 展现AComponentrouter

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

{ path:'Home' , component:HomeComponent接口

 children:[路由

    {path:'' ,component:AComponent }, input

  {path:'xx' ,component:xxComponent }it

]io

}

@辅助路由

 

@路由守卫  就是路由上面的拦截器  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

响应式编程

相关文章
相关标签/搜索