angular - 在 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

score 0 · Accepted Answer

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

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

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

1 回答 1