在 *ngFor 中选择正确的框
Selecting correct boxes in *ngFor
我正在开发 angular 应用程序。我在 *ngFor 中遇到了一些问题。我的代码如下
我面临的问题是，如果我点击第二个框，那么第四个框会自动被点击，第一个值也是如此。我想如果我点击第二个框，那么只有第二个框被点击，其他框也一样。我该怎么做？
这是因为 ngFor 在你的数组上循环，所以每次 angular 都会创建两个 li 节点。您只需要一个 li 并将 ul 节点也放在循环之外。
下面是一个基于 id 的例子：https://stackblitz.com/edit/ngx-slider-simple-slider-example-uqyu62?file=src/app/app.component.html
更新（见评论）基于此link：https://stackblitz.com/edit/angular-mat-card-example-d8nydd?file=src%2Fapp%2Fapp.component.ts
如果你真的不能更新你的 myData 结构，你可以在外部变量中管理每张卡片的状态：https://stackblitz.com/edit/angular-mat-card-example-bwuduo?file=src/app/app.component.ts
我正在开发 angular 应用程序。我在 *ngFor 中遇到了一些问题。我的代码如下
我面临的问题是，如果我点击第二个框，那么第四个框会自动被点击，第一个值也是如此。我想如果我点击第二个框，那么只有第二个框被点击，其他框也一样。我该怎么做？
这是因为 ngFor 在你的数组上循环，所以每次 angular 都会创建两个 li 节点。您只需要一个 li 并将 ul 节点也放在循环之外。
下面是一个基于 id 的例子：https://stackblitz.com/edit/ngx-slider-simple-slider-example-uqyu62?file=src/app/app.component.html
更新（见评论）基于此link：https://stackblitz.com/edit/angular-mat-card-example-d8nydd?file=src%2Fapp%2Fapp.component.ts
如果你真的不能更新你的 myData 结构，你可以在外部变量中管理每张卡片的状态：https://stackblitz.com/edit/angular-mat-card-example-bwuduo?file=src/app/app.component.ts