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＆gt; 1）时禁用routerLink。班级＆＃34;禁用＆＃34;是简单的方法（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

您还需要添加课程

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

试试这个并检查它是否有效。