使路由链接不可点击

Question

我有以下html

<!--SIDE NAV-->
<div class="container-fluid" id="container-fluid">
<div class="row content">
<div class="col-sm-3 sidenav">
  <h4>Returns Panel</h4>
  <ul class="nav nav-pills nav-stacked" >
    <li routerLinkActive="active" [routerLinkActiveOptions]="{exact:true}">
      <a routerLink="/">Enter Order ID</a></li>
    <li routerLinkActive="active"><a routerLink="/Pid">Select PID</a></li>
    <li routerLinkActive="active"><a routerLink="/Reasons">Select Reasons for Return</a></li>
    <li routerLinkActive="active"><a >Upload Images</a></li>
  </ul><br>
</div>

我希望用户无法点击这些链接，但这些链接应该是可见的。用户不应该能够更改表单的流程。 我怎样才能做到这一点？当路由显示不同的表单时，我需要路由操作。

Answer 1

试试这个：

HTML

<a [routerLink]="isActive ? '/link' : null">label</a> 

组件

isActive: boolean = true

Answer 2

  

使用* ngIf

＆＃13;

＆＃13;

<a *ngIf="isEnabled" [routerlink]="/some_state_url">Link</a>
<span *ngIf="!isEnabled" [ngClass]="{'class-disabled':!isEnabled}">Link</span>

＆＃13;

＆＃13;

＆＃13;