如何根据状态禁用router.navigate 或链接？
如果状态为“否”，那么我不能键入链接来编辑材料？
<button type="button" (click)="onEditMaterial(material.id)">Edit </button>
onEditMaterial(material_id) {
this.router.navigate(['materials', material_id, 'edit']);
}
【问题讨论】：
标签： angular angular-routing angular-services angular-router angular-route-guards
<button [attr.disable]="status === 'No'">click me</button>
.status 是角度组件中的字符串。 <button [disable]="status === 'No'">click me</button> 语法。
编辑：disable 属性是用于<input> , <button> 等的 HTML5 属性。您可以使用一些 css 使其看起来更好，以获得更好的用户体验，例如：button:disabled {cursor: not-allowed;}
编辑：另一种方式是这样的
onEditMaterial(material_id) {
if (this.status === 'No') return; // if the status is 'No' don't do anything
this.router.navigate(['materials', material_id, 'edit']);
}
【讨论】：
public status: string = '' 中有一个status 属性。然后在您执行this.http.get(...).toPromise().then((data)=>{//check here the status of the response and change the state of the status to this.status = some_value) 之后 - 您可以通过您正在谈论的服务的代码
mat_status 是更改的属性
要禁用该按钮，您可以按照 DrNio 提供的答案进行操作。
根据评论中的对话，如果您还想在浏览器中更改 URL 时阻止导航，那么您需要使用Router Guard。在此处查看 AuthGuard 的示例：https://angular.io/guide/router#component-less-route-grouping-routes-without-a-component。搜索export class AuthGuard implements CanActivate。你基本上需要实现canActivate方法。
【讨论】：