在角度应用程序中手风琴数据未更新

Question

我在我的角度应用程序中使用Syncfusion组件。我无法将更新的数据绑定到手风琴组件。 请在下面的stackblitz链接中找到示例

Sample

在上面的代码中，如果我单击“更改”按钮，则应该更新数据，但是手风琴中显示的是空白数据。 请让我知道如何解决此问题。

Answer 1

您应使用“跟踪依据”来了解数据已更改的角度。

*ngFor = "let item of data1;trackBy:identify"

identify(index,item){
  return this.count;
 }

whatch this

Answer 2

实际上，我不喜欢文档中提到的方法，我认为这是向现有手风琴中添加项目，而不是完全将其重新呈现为您的样本。

由于您有*ngIf指令可以有条件地显示它。我们可以欺骗angular重新渲染它，如下所示：

 this.data1.length = 0;
    setTimeout(() => {
      this.data1 = this.count % 2 == 0 ? [...this.items] : [...this.items1];   
    });

请参阅Stackblitz sample。

Answer 3

在documentation中，您似乎需要使用addItem()中可用的公共方法AccordionComponent，这要归功于@ViewChild。

希望这会有所帮助！