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：路由已认证

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

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

　

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) {
      //
    }
  });
}