问题标签 [angular-component-router]

I can easily display a child component inside a parent component, but how can I switch the displaying of a child based on a route?

Is it possible to create a routing mechanism like this without using *ngIf's to hide and show the child components?

I have a profile page, ex. ../members/edit

When you first route to the page I want to load up and display the child component

like this

This child component <app-profile-menu-items>

has a list of options (links) in it to select from (/member/edit/info, /member/edit/images, etc), which when clicked should display that child component and hide

<app-profile-menu-items> // hidden when one below is shown

Additionally, how would the routing work ex. path: 'edit/info', what would I use for the component?

我需要将 id 和 click 事件一起传递给另一个组件

这是component.ts

rcid是被点击项目的 id。而路由器“/editdata”是传递id的地方。

我已经检查了会话和本地存储，但是当它带有另一个 id 时需要刷新页面

请帮我解决一下这个。我是角度新手

我有以下 app.component.html 结构：

我正在尝试根据显示的组件更改网站的外观。

例如，假设如果路由器出口显示某个组件，我不会显示页脚（或相反：如果显示某个/s 组件，我想显示页脚）。

有没有办法根据路由器插座检查正在显示的组件然后设置条件？

我有一个具有 HomeComponent 的应用程序，我不想在其中显示 HeaderComponent。此外，我还有其他 4 条路线，我确实想要渲染标题。我可以让它工作，但是当我从 HomeComponent 导航到任何其他组件时有一个小错误。它不会呈现 HeaderComponent，但是当我在导航器上重新加载页面时，它会正确显示标题。我尝试了很多东西，但仍然无法使其正常工作......

我想要 在所有路由上显示 HeaderComponent，除了 /home （HomeComponent）。

这是我的代码 app-routing.module.ts

应用模块.ts

app.component.html

我还尝试<app-header></app-header>在每个模板上调用“about.component.html”和“contacto.component.html”，但结果相同......

我想这是试图显示 HeaderComponent，但在我重新加载页面之前它不存在。请你能帮帮我吗……？

这是我的 html 文件。

在 html 文件中有 2 个锚标记。一个用于编辑，另一个用于查看详细信息选项。两者都被重定向到其他编辑和查看组件。但相反，我想在 mat-dialog 弹出窗口上显示编辑和查看选项。请帮忙。

这是我的 ts 文件

这是应用程序路由模块中给出的路由，分别用于添加、编辑和查看用户详细信息。

最后这是服务文件