Angular 带重复元件的角度传感器及其逻辑

我对Stackoverflow和Angular都是新手，所以对于适当的问题格式，我深表歉意

我的问题与角度重复分量有关。假设我有一个笑话组件和笑话组件

com.componet.html

笑话

JokeTitle
笑话体
更新删除

我在笑话里做了什么

……若干进口产品 ..…注入的服务依赖项 ..... 执行内置的可观察订阅 ..编写了更新和删除的方法

---

所以，我的问题是关于这个笑话组件，它在一个笑话数组中被迭代。在笑话组件中写入一些导入和注入服务是否会导致任何性能或内存泄漏问题。

如果您担心性能，那么您必须分析可能会降低应用程序性能的因素。因为性能是一个非常广泛的话题，任何小事都可能降低应用程序的性能。让我们在这里介绍一些作品，并尝试了解其中的几个：

首先，webpack（模块绑定器）将构建您的应用程序。使用Webpack会发生以下情况：

a） 树摇动：因此，无论您有多少个包，都只会考虑您导入的文件，这发生在构建阶段，因此不会影响运行时的性能，所有第三方包都将放在Vendor.js中，您的代码放在main.js中

b） 捆绑和缩小：您的应用程序将被缩小和捆绑，以便分别以较少的延迟和较少的服务器调用次数提供服务。脚本、图像和资产都将被捆绑

现在，由于您有嵌套的子组件，另一个关键因素是更改检测策略，因为访问DOM树总是很昂贵

在Angular中，我们有“默认”和“OnPush”更改检测策略，现在的问题是，如果您有多个嵌套组件，并且任何更改都会触发嵌套组件的循环，有时您希望仅当状态发生变化时才反映这些更改，在这种情况下，您需要使用OnPush策略

---

当我们要求进行绩效评估时，如果没有适当的代码，没有人能告诉我们。例如，对于同一个可观察对象，您可能有多个订阅，而不是共享这些订阅，因此，为了简洁起见，为了回答您的问题，我们只谈了几点见解。

否，为什么会这样？我想这是因为单个笑话组件本身会重复很多次，笑话组件包含一些DI和订阅，所以它们会重复。是的，每个笑话组件都有自己对注入服务的引用，那又怎样？这不是内存泄漏。这只是一个对象对另一个对象的引用。订阅可能是另一回事，但是如果没有任何代码，我们就说不出多少。但是如果没有任何代码，我们就说不出多少。@RohitSharma http客户端本身会在获取完成时取消订阅。

<div>
    <joke *ngFor="let joke of jokesBox" [oneJoke]="joke"></joke>

</div>

    <div>JokeTitle</div>
    <div>Joke Body</div>
    <div><span>Update</span> <span>Delete</span></div>