angular笔记

http://xxxxxx.com/live/edit/9999999?start=20200518141057&end=20200518201057&pid=Live7777777

// 路由
{path: "edit/:stream_id",component: XXX}
// 获取相应参数
this.stream_id = this.route.snapshot.paramMap.get('stream_id'); // 9999999
this.pid = this.route.snapshot.queryParamMap.get('pid'); // Live7777777

 

 

 ## 路由变化

T  [tiː]  详细X

基本翻译

n. 英语字母中的第二十个字母

symb. 氚（tritium）

网络释义

T RK: 土耳其语

T shirt: 短袖T恤

t ranslation: 翻译

Angular 检测路由变化，可以使用router.events来监听：

支持的事件类型：

• NavigationStart：导航开始
• NavigationEnd：导航结束
• NavigationCancel：取消导航
• NavigationError：导航出错
• RoutesRecoginzed：路由已认证

在判断事件类型需要导入对应的事件类型，如：

?

1	import { Router, NavigationStart } from '@angular/router';

　

?

1 2 3 4 5

this.router.events   .pipe(filter((event) => event instanceof NavigationEnd))   .subscribe((event:NavigationEnd) => {     //do something });

　　

?

constructor(router:Router) {

  router.events.subscribe(event:Event => {

    if(event instanceof NavigationStart) {

      //

    } else if(event instanceof NavigationEnd) {

      //

    } else if(event instanceof NavigationCancel) {

      //

    } else if(event instanceof NavigationError) {

      //

    } else if(event instanceof RoutesRecognized) {

      //

    }

  });

}