根据当前路线参数显示html

Question

在我的组件中，我想根据当前路径参数显示文本，在模板中，我做了如下操作：

<h1 *ngIf="mode === 'edit'">Modifier</h1>
<h1 *ngIf="mode === 'add'">Ajouter</h1>

在ngOnInit函数中，我有这个：

this.route.params.subscribe(params => {
    this.id = +params['id'];
    this.currentMode = params['mode'];
})

但是当我访问组件时，尽管设置了currentMode，该元素始终是隐藏的。

我该如何解决？

Answer 1

您不能在模板中使用param名称，而要使用变量名称，即this.currentMode。

<h1 *ngIf="currentMode === 'edit'">Modifier</h1>
<h1 *ngIf="currentMode === 'add'">Ajouter</h1>

这里的假设是您从变量this.currentMode的param中获取值，我将通过将其打印在标签旁边来进行测试，例如：

{{currentMode}}