Angular2 - 禁用 RouterLink

Question

我想要一种更好的方式来编写这些代码行。

<li *ngIf="params.page > 1" class="page-item">
    <a class="page-link" [routerLink]="[]" [queryParams]="changePage(params,1)">First</a>
 </li>
<li *ngIf="!(params.page > 1)" class="page-item disabled">
     <a class="page-link">First</a>
</li>

我想在 !(params.page > 1) 时禁用 routerLink。 class "disabled" 是简单的方法 (ngClass)。但 routerLink 仍将处于活动状态

Answer 1

尝试这样的事情

<li class="page-item">
<a class="page-link" [class.disabled]="(params.page > 1) ? true : null" 
    [routerLink]="[]" [queryParams]="changePage(params,1)">First</a>
</li>

编辑

我错过了这部分。 :D

您还需要添加class

 a.disabled {
     pointer-events: none;
     cursor:default;
 }

试试这个，看看它是否有效。

Angular2 - 禁用 RouterLink

Angular2 - Disable RouterLink

angular2-routing

angular