根据 Angular 中子组件中设置的布尔值修改父组件输出

问题描述 投票:0回答:1

我是 Angular 新手,需要有关如何最好地使用 Angular 16 处理情况的帮助。 基本上,我有两个组件用于两个不同版本的站点标题,一个是默认的,另一个是针对某些页面的。标题的组件正在 app.component.html 中调用,但我想在此处添加一个条件,以便在查看某些页面时(每个页面都是一个组件),它会显示替代标题。

我想做到这一点的方法是有一个默认情况下为 false 的布尔值,但在我们想要替代标头的组件中,我们会将布尔值更改为 true...但我无法确定最好的方法做这个。我看过很多关于将数据从子组件发送到父组件的教程,但大多数似乎假设发送的值是由用户生成的,而不是由简单使用的组件自动生成的,或者需要将子组件导入到父组件中。家长。

执行此操作的最佳方法是什么?如果有已知的教程可以帮助我,我将不胜感激。谢谢!

angular typescript conditional-statements boolean
1个回答
0
投票

标头组件在 app.component.html 中设置,这意味着处理自定义标志的最佳方法是来自 app.component.ts。

在每个路由状态中设置标志的值,并通过订阅navigationEnd在app.component.ts中读取该值。然后您可以将此值传递给标头组件。

© www.soinside.com 2019 - 2024. All rights reserved.