代码之家 › 专栏 › 技术社区 › CruelEngine

在<div>angular6内动态附加数据

angular6 angular

0

CruelEngine · 技术社区 · 7 年前

我有一个模板: <div class='somedata'></div> 我想附加一个列表 <div> 动态地一个接一个。使用共享服务通过 Subject .

例如:

<div class='somedata'>
<div id='dynamicdata1'>some data</div>
<div id='dynamicdata2'>some data</div>
..
..
..
</div>

dynamicdata1 ,请 dynamicdata2 ETC一个接一个地延迟到达。

最初我想用 ngFor 渲染 div 但是每次我把数据推到 天然气处理 绑定变量,由于角的 changeDetection .

有没有什么办法不用 *ngFor 是吗?

我知道有一种方法可以使用jquery $(selector).append() 但这是否可以在角度上实现呢?

谢谢,

2 回复 | 直到 7 年前

1

Maryannah 7 年前

下面是我的注释,下面是一个自定义trackby函数的示例:

<div *ngFor="let x of y; trackBy: customTB"></div>


customTB(index, item) {
  return item.id;
}

如果函数返回的值不变,则更新后项目将不会从视图中移动。因此,通过向数组提供新的项,并且只返回它们的ID,您将向数组追加项,而不移动其他项。

2

0

Pardeep Jain 7 年前

你可以用 innerHTML 根据需要在HTML元素中附加一些数据。