Angular2-禁用RouterLink

Angular2-禁用RouterLink,angular,angular2-routing,Angular,Angular2 Routing,我想要一种更好的方法来编写这些代码行 <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 disabl

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

<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>

弗斯特


弗斯特


我想禁用routerLink时!(参数页>1)。“disabled”类是easy way(ngClass)类。但是routerLink仍将处于活动状态

请尝试以下操作

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

试试这个,检查它是否有效

正如我所说,课堂是最简单的部分。我想从模板中禁用routerLink.About
params
,源代码是什么?您是从
ActivatedRoute#params.subscribe()
还是从
ActivatedRoute#snapshot.params
获取的?可能存在重复的
 a.disabled {
     pointer-events: none;
     cursor:default;
 }