Question

我在我的app.routing.ts中做到了：

{ path: 'profile/questionnaire', canActivate: [ AuthGuard], component: UprofileComponent},

这在我的html文件中：

<div id="testButton">  
    <button class="col-md-3" id="colorBBox" routerLink="profile/test" (click)="hide();">Test1</button>
</div>

<div id="showTest1 style="display:none;> ...</div>

通过单击按钮“ hide（）”被称为：

 hide(){
    document.getElementById('testButton').style.display = 'none';
    document.getElementById('showTest1').style.display = 'block';
    this.showTest1();
 }

问题：应该是routerLink =“ profile”，应该是routerLink =“ profile / test” ...两者都是routerLink =“ profile” ..有什么想法吗？两个div在.ts文件上共享一个HTML

Answer 1

为获得所需的结果，可以从组件更改URL。从Router

导入@angular/router

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

然后注入到构造函数中

constructor(private router:Router) {
}

然后根据某些条件从hide()功能导航

this.router.navigate(['profile/test']);

角度不同的路线相同的组成部分

1 个答案: