Angular ngFor内部的动态属性绑定

我正在尝试使用[suiCollapse]绑定用于显示内容的切换。 问题是我现在绑定它们的方式，它们都有相同的名称，因此当我单击图标时它们都会打开

我试着使用索引作为修改器，但没有成功。 例子： 点击=collapse+{index}}=！折叠+{{index}}

感谢您的帮助。我尝试只使用模板来完成这条总线，但如果不可能，我可以在组件中加入一些逻辑

*ngFor="let item of[0,1,2,3,4,5,6,7] let i=index"

当数组由索引组成时，为什么要使用索引

而且您似乎不理解角度语法：编写输入/输出（如click或[myVar]）将以JS的形式计算该属性的内容

所以如果你写

(click) = "collapse+{{index}} = !collapse+{{index}}"

Angular将尝试这样做：

collapse+{{index}} = !collapse+{{index}}

这不是Javascript

如果你想让它工作，这里是：

小组的内容

小组的内容

小组的内容

小组的内容

小组的内容。

---

记住将变量collapse声明为布尔数组/对象

创建索引数组的原因只是出于测试目的。稍后它将成为数组中的实际项目。我试图使用索引，因为我不确定是否要使用诸如输入项的id之类的东西，如果我可以使用索引的话，它可能会很长。可以使用索引吗？或者我一直在使用数组的值吗？不，你可以使用索引，我只是觉得你真的想使用这样一个数字数组：D在*ngFor中添加一个索引，然后用[index]替换每个[item]，这样不行。它假设我正试图在崩溃中找到某种东西。所以它认为它是一个数组，我得到了一个错误，无法读取未定义的属性。我想我必须给项目本身添加一个索引？您是否将变量collapse更改为布尔数组？哦，对不起，是的，您的版本可以工作，但我最终在一个组件上循环，以便功能在每个循环组件之间分配。因此，每个范围仅与列表中的一项相关。我认为你的答案是对的，因为它帮助我学到了更多。

collapse+{{index}} = !collapse+{{index}}