Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 以角度显示或渲染一个组件内部另一个组件的最佳实践是什么?_Angular_Typescript_Angular7 - Fatal编程技术网

Angular 以角度显示或渲染一个组件内部另一个组件的最佳实践是什么?

Angular 以角度显示或渲染一个组件内部另一个组件的最佳实践是什么?,angular,typescript,angular7,Angular,Typescript,Angular7,我在angular 7中创建了一个新组件 ng g c mynewcomp 它包含从后端呈现数据并显示在HTML中的功能 但我想将新的视图/组件放置在另一个现有组件中 <app-mynewcomp></app-mynewcomp>. 例如,用户可以在“我的新组件内容”下查看旧组件中的内容 在不影响新旧组件的情况下执行此操作的最佳实践是什么?在旧组件html中,放置新组件的选择器,如下所示: <app-mynewcomp></app-mynewcomp

我在angular 7中创建了一个新组件

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>