如何解决用于将组件动态加载到Angular应用程序中的正确模式
有角新手布局问题。我希望在单击 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 举报,一经查实,本站将立刻删除。