複選框在UIB-手風琴的頭不工作

如果我把複選框中UIB-手風琴，它沒有得到檢查複選框在UIB-手風琴的頭不工作

<uib-accordion> 
    <div uib-accordion-group class="panel-default" 
    is-open="daily" 
    is-disabled="false"> 
    <uib-accordion-heading> 
     <div class="checkbox"> 
     <label> 
      <input type="checkbox" ng-model="daily"> 
      Daily 
     </label> 
     </div> 
    </uib-accordion-heading> 
    This content is straight in the template. 
    </div> 
</uib-accordion>

來源

2016-12-13 Joseph

事件創建一個小提琴請 – AurA

的jsfiddle http://jsfiddle.net/p0optzn7/ – Joseph

手風琴正在捕獲複選框單擊事件，當您單擊複選框時，您需要停止將事件傳播到手風琴

HTML

<input type="checkbox" ng-click="preventCheck($event)" ng-model="daily">

$scope.preventCheck = function(e) { 
    e.stopPropagation(); 
}

你可以，如果你想

ng-click="$event.stopPropagation();"

來源

2016-12-13 09:28:36 svarog

這個工程謝謝。但是，這是如何使複選框模型檢查和取消選中？ – Joseph

輸入是否被選中或取消選中是由HTML確定的，「ng-model」會監聽輸入中的屬性更改並相應地更新'daily'。所以在我的例子中，ng-click只能防止點擊事件影響手風琴 – svarog

的頭部與

<input type="checkbox" checked="somevalue" ng-model="daily">

嘗試你可以把ALOS NG-真-value和ng-false-value

來源

2016-12-13 08:45:24 Sunny

嘗試UIB-BTN-複選框指令甚至內嵌了。這將在點擊時切換綁定模型。

使用NG點擊= 「$ event.stopPropagation（）」，停止點擊冒泡

<input type="checkbox" uib-btn-checkbox ng-model="daily" ng-click="$event.stopPropagation()">

來源

2018-01-29 13:25:28 MrFile

複選框在UIB-手風琴的頭不工作

回答

相關問題