在Bootstrap下拉列表中无法选中/取消选中复选框

时间:2017-08-08 14:59:03

标签: angularjs twitter-bootstrap drop-down-menu

我使用bootstrap下拉列表和 ng-repeat 来生成列表,但我无法检查取消选中 div中的checkbox data-toggle ='下拉'

复选框有效,当我删除数据切换='下拉'。

 <div class="dropdown" ng-repeat="item in someArray">
     <div class="dropdown-toggle main-title" data-toggle="dropdown">
     <input type="checkbox"/>
     {{item}}
    <span class="caret"></span>
 </div>

1 个答案:

答案 0 :(得分:1)

数据切换正在捕获点击并停止传播到复选框。

使用数据切换将输入移到div之前,它将正常工作。

<div class="dropdown" ng-repeat="item in someArray">
    <input type="checkbox"/>
    <div class="dropdown-toggle main-title" data-toggle="dropdown">
        item: {{item}}
        <span class="caret"></span>
    </div>
</div>