ブートストラップドロップダウン

Question

の内側のdiv内checkboxを、私はリストを生成するためにngのリピートとともにbootstrapドロップダウンを使用していますが、私はチェックまたはチェックを外しにできてるときと/チェックを外してチェックボックスをチェックすることができません。データトグル= 'ドロップダウン'。

data-toggle = 'dropdown'を削除すると、チェックボックスが機能します。

<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> 

Answer 1

データトグルは、クリックをキャプチャして、チェックボックスへの伝播を停止しています。

入力をdata-toggleを使用して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>