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跳转的路径与