Angular笔记 js路由跳转

html

<p>newsdetails works!</p>
<!-- 注意动态路由配置 -->
<button (click)="goNewsInfo()">js动态路由跳转</button>
<br>

<button (click)="goHome()">js 普通路由跳转</button>
<br>

<button (click)="goNews()">js get跳转路由</button>
<br>

ts

//需要导入
import { Router} from '@angular/router';
//get跳转路由参数设置序引入
import { NavigationExtras} from '@angular/router';

//注意动态路由配置
goNewsInfo(){
    this.router.navigate(['/new-info','123'])
  }

  goHome(){
    this.router.navigate(['/home'])
  }


  goNews(){

    let queryPar:NavigationExtras = {
      queryParams:{"id":1234}
    };

    this.router.navigate(['/news'],queryPar);
  }