angular项目路由写法

angular项目路由写法

• 第一种(本文用在不同模块之间跳转)

html代码

<button (click)="submit()">
    Login
  </button>

typescript代码

login路由跳转到show（具体跳转方法有很多种大腿详解，只展示navigateByUrl写法）

import {
    Component, OnInit } from '@angular/core'
import {
    Router } from '@angular/router';

export class LoginComponent implements OnInit {
   

//申明引用路由
constructor(private route: Router,) {
   }

//生命周期（钩子）函数(ngOnInit()钩子只会被调用一次)
ngOnInit() {
   
  	}
  	
//submit方法
submit(){
   
	this.router.navigateByUrl('show');//解析结果是 localhost:4200/show（绝对路径）
	}
}

===》跳转到的模块ShowModule （注：上面navigateByUrl跳转的路径与