在 Angular4 中绑定来自 API 的数据后,手风琴无法打开



在Angular 4应用程序中工作,在这个我手风琴内部有手风琴,现在我正在尝试从API响应(json)动态绑定手风琴。

在我的情况下,手风琴标题是绑定的,但内部选项没有绑定。

我不能确切地说它是绑定但不开放的还是没有绑定的。

静态值的工作示例:

https://stackblitz.com/edit/angular-9cuvb9?file=app%2Fapp.component.html

动态绑定:(有问题)

https://stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-jwb2zj?file=app/app.component.html

谁能帮我解决这个问题。

我不完全了解您尝试实现的确切目标,但在动态版本中,您设置了数据目标 -href="#collapseInnerTwo"并且在可折叠id中,您尝试评估一些表达式 -[id]="'collapseInnerTwo' + group?.CAMD_PRGRP_DESC"

这些永远不会匹配,也永远不会崩溃。如果您更改

[id]="'collapseInnerTwo' + group?.CAMD_PRGRP_DESC"

id="collapseInnerTwo"

它按预期工作

最新更新