代码之家 › 专栏 › 技术社区 › Renaud is Not Bill Gates

根据当前路由参数显示HTML

angular

Renaud is Not Bill Gates · 技术社区 · 5 年前

在我的组件中,我希望根据当前路由参数显示文本,在模板中,我执行了以下操作:

<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 被设定。

我怎么解决这个问题?

1 回复 | 直到 5 年前

Aragorn 5 年前

你不能用 param 在模板中,使用变量名,即 this.currentMode .

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

假设您正在从变量中的参数获取值 this.currentmode当前模式 我会在标签旁边打印出来测试一下,比如:

{{currentMode}}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前