问题描述
有角新手布局问题。我希望在单击 navigationComponent 中的项目时,将 app.component.html 中的所有内容替换为所选组件的内容。通过我的布局方式,选定的组件内容将简单地添加到 app.component.html 的现有内容之后。我该如何实现这一目标?
该模式仅仅是在{strong> app.component.html 中以及app.component.ts的构造函数中使用<router-outlet></router-outlet>
,以编程方式加载component1和component2并将示例文本推送到一个组件也可以装入其中吗?
谢谢
index.html
<app-root><app-root>
app.component.html
<navigationComponent></navigationComponent>
Some example text that should also be replaced when a navigation component is selected
<component1></component1>
<component2></component2>
<router-outlet></router-outlet>
navigation.component.html
...
<a routerLink="/component1">component1</a>
<a routerLink="/component2">component2</a>
<a routerLink="/component3">component3</a>
<a routerLink="/component4">component4</a>
<a routerLink="/component5">component5</a>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)