2017-08-08 50 views
0

我使用bootstrap下拉與NG-重複一起製作清單,但我無法檢查取消選中checkbox的DIV中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> 
+0

請張貼工作代碼示例... –

+0

是否使用[UI引導(https://angular-ui.github.io/bootstrap/)? – JeanJacques

+0

這似乎工作正常,看[本plunker(https://plnkr.co/edit/PutJyIPnYDix06OilEyh?p=preview) – JeanJacques

回答

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> 
相關問題