切换开关在包含 ng-model 和 ng-repeat 后不切换

Question

您好，我创建了一个 plunker，在评论中添加了 link，问题是拨动开关没有按预期运行，但是当我使用普通复选框时，同样的行为按预期运行。因此，任何人都可以帮助找出拨动开关的问题。为什么它没有按预期运行。

在切换开关中，即使我更改了第一个开关以外的任何其他开关，无论您切换哪个开关，它都只切换第一个开关。

但是复选框没有这个问题。

Answer 1

发生这种情况是因为您每次在 <label for=""> 位置都引用相同的 ID。我添加了 ng-repeat 的索引以使其引用 ng-repeat 中的特定项目。

这是更新后的插件： http://plnkr.co/edit/EfkFP44RL3y5Jo2xeOVW?p=preview

这是我更改的内容：

 <input type="checkbox" ng-model="userCredentials.active" class="onoffswitch-checkbox" id="paybycampusCardonoffswitch{{$index}}" />
              <label class="onoffswitch-label" for="paybycampusCardonoffswitch{{$index}}">

切换开关在包含 ng-model 和 ng-repeat 后不切换

Toggle Switch not toggling after including ng-model and ng-repeat

html

javascript

css

toggle

angularjs