Angular 以角度显示或渲染一个组件内部另一个组件的最佳实践是什么?
我在angular 7中创建了一个新组件Angular 以角度显示或渲染一个组件内部另一个组件的最佳实践是什么?,angular,typescript,angular7,Angular,Typescript,Angular7,我在angular 7中创建了一个新组件 ng g c mynewcomp 它包含从后端呈现数据并显示在HTML中的功能 但我想将新的视图/组件放置在另一个现有组件中 <app-mynewcomp></app-mynewcomp>. 例如,用户可以在“我的新组件内容”下查看旧组件中的内容 在不影响新旧组件的情况下执行此操作的最佳实践是什么?在旧组件html中,放置新组件的选择器,如下所示: <app-mynewcomp></app-mynewcomp
ng g c mynewcomp
它包含从后端呈现数据并显示在HTML中的功能
但我想将新的视图/组件放置在另一个现有组件中
<app-mynewcomp></app-mynewcomp>.
例如,用户可以在“我的新组件内容”下查看旧组件中的内容
在不影响新旧组件的情况下执行此操作的最佳实践是什么?在旧组件html中,放置新组件的选择器,如下所示:
<app-mynewcomp></app-mynewcomp>
<app-mynewcomp></app-mynewcomp>.
为了满足用户可以查看旧组件中的内容的要求,需要显示“我的新组件内容” 在旧组件html页面的末尾添加新组件的选择器
<app-mynewcomp></app-mynewcomp>.
有了它,应用程序将以通常的方式工作:在旧内容的顶部和新内容的下方,
1.旧组件
2.新成员
app.module.ts
在app.component.html中包含两个组件选择器
app.component.html
oldComponent.component.html
请参考下面的slackblitz示例,我创建它是为了满足您的需求
你说的合并是什么意思?在里面展示?替换它?好好解释一下!
<p> oldComponent works! </p>
<newComponent></newComponent>