angularjs引导复选框在单击时未选中

4c8rllxm  于 2021-09-29  发布在  Java
关注(0)|答案(1)|浏览(363)

我在angularjs/bootstrap应用程序中使用了一个复选框,我面临的问题是,当我在未选中它时单击它,它不会显示复选标记。不过正在调用toggleval()方法,它正在执行步骤,但没有显示复选标记。此外,我的范围变量myvar是0或1,我希望相应地显示它。

  1. <a href class="list-group-item list-group-item-action flex-column align-items-start">
  2. <div class="d-flex w-100 justify-content-between mt-2">
  3. <input ng-click="toggleVal()" class="form-check-input ml-2" type="checkbox"
  4. ng-model="myvar"
  5. ng-checked="myvar"
  6. ng-true-value="1" ng-false-value="0">
  7. </div>
  8. </a>

--更新:所以我添加了一些额外的细节,包括更新的代码。该复选框位于可能影响选择的引导列表组项目内。

eqqqjvef

eqqqjvef1#

问题是 anchor tag . 当你们点击复选框时,实际上你们也点击了锚定标签。这意味着您的复选框在每次单击中单击两次。
要解决此问题,只需添加 href="Javascript:void(0);" 到你的锚标签。

  1. <a href="Javascript:void(0);" class="list-group-item list-group-item-action flex-column align-items-start">
  2. <div class="d-flex w-100 justify-content-between mt-2">
  3. <input class="form-check-input ml-2" type="checkbox"
  4. ng-model="myvar"
  5. ng-checked="myvar == 1"
  6. ng-true-value="1" ng-false-value="0">
  7. </div>
  8. </a>

这是工作样品。

相关问题