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