在ngFor上循环绑定@input - 未正确更新

Question

我有一个带有两个绑定输入的组件（一个大数组和两个标记（位置））。

组件：

export class listSequence  { 
@Input() info: Data;
@Input() position: Markers;
..
...}

查看

我正在循环绑定数据@input并使用@input标记（position.start和position.end）来切片只需要的元素 （标记可能随时改变）。

<g *ngFor="#p of info.data  | slice:position.start:position.stop+1 ; let i = index ">..</g>

当info.data循环时标记之一发生变化时，结果有时会混乱。

有时在标记更改（position.start或position.stop）后稍后处理一次迭代（或两次）。

更新component.start迭代后应该从i：0到i：14

Answer 1

plnkr link

在app.ts中我加载一个大数组，（注意数组以“X”，“Y”，“Z”元素结尾）。

拖动导航器可以移动下面显示的数组（红色部分）。当您将导航器的左侧向右拖动时，元素有时不会显示在正确的位置。你可以在最后检查“X”，“Y”，“Z”。

同样在控制台中，您可以看到迭代器是如何混乱的（有时）