包括ng-model和ng-repeat后,切换开关不切换

时间:2016-05-04 19:30:46

标签: javascript html css angularjs toggle

您好我已经创建了一个plunker在评论中添加了链接,问题是切换开关没有按预期运行,但是当我使用普通的checkBox时,相同的行为正如预期的那样工作。因此,任何人都可以帮助解决切换开关的问题。为什么表现不如预期。

在拨动开关中,即使我更换了第一个开关以外的任何其他开关,只要切换到第一个开关,无论你切换哪个开关。

但是这个问题不适用于复选框。

1 个答案:

答案 0 :(得分:2)

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

这是更新的plunker: 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}}">