小编Shi*_*yan的帖子

有人可以解释一下angular.merge和angular.extend之间的区别.深拷贝意味着什么以及何时应该使用它？

我在父 component.ts 文件中有一个如下所示的 items 数组

items = [
    {text: 'Length' , value: 10 },
    {text : 'Degree' , value : "108"},
    {text : 'Edges' , value : [10,20,30]}
]

然后我将一个名为app-label-values 的组件放置在父组件的 *ngFor 循环内，如下所示

<div *ngFor ="let item of items">
  <app-label-values
   label="item.text"
   value = "item.value">
  </app-label-values>
</div>

app-label-values组件的目的是显示标签以及该标签对应的值。

例如。年龄：10

这里的标签始终是文本，而值的类型可以是动态的（数字、字符串、数组）

因此，当值是数组类型时，我只需要显示数组的长度，就像在我们的例子中一样，组件应该显示“Edges：3”，因为 [10,20,30].length 是 3。

我的目标不是在 app-label-values 组件中使用这种类型检查逻辑，因为我需要它是愚蠢的并且仅显示传递给它的内容。

如何在渲染时从父组件本身解决这个问题。

请帮忙。提前致谢。