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

响应式编程

 

转载于:https://www.cnblogs.com/871735097-/p/9332248.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值