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

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

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

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

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

eqqqjvef

eqqqjvef1#

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

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

这是工作样品。

相关问题