Angularjs 复选框未在uib accordion的标题中工作
若我把复选框放在uib手风琴的标题中,它就不会被选中Angularjs 复选框未在uib accordion的标题中工作,angularjs,angular-ui-bootstrap,Angularjs,Angular Ui Bootstrap,若我把复选框放在uib手风琴的标题中,它就不会被选中 <uib-accordion> <div uib-accordion-group class="panel-default" is-open="daily" is-disabled="false"> <uib-accordion-heading> <div class="checkbox"> <label>
<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>
每日的
此内容在模板中是直接的。
尝试使用
<input type="checkbox" checked="somevalue" ng-model="daily">
您可以设置所有的真值和假值
<input type="checkbox" checked="somevalue" ng-model="daily">
您可以输入所有的true值和ng false值手风琴正在捕获复选框单击事件,您需要在单击复选框时停止将事件传播到手风琴 HTML 如果需要,您甚至可以将其内联
ng-click="$event.stopPropagation();"
手风琴正在捕获复选框单击事件,单击复选框时需要停止将事件传播到手风琴 HTML 如果需要,您甚至可以将其内联
ng-click="$event.stopPropagation();"
请尝试uib btn checkbox指令。这将在单击时切换绑定模型 使用ng click=“$event.stopPropagation()”停止click事件冒泡
<input type="checkbox" uib-btn-checkbox ng-model="daily" ng-click="$event.stopPropagation()">
尝试uib btn checkbox指令。这将在单击时切换绑定模型 使用ng click=“$event.stopPropagation()”停止click事件冒泡
<input type="checkbox" uib-btn-checkbox ng-model="daily" ng-click="$event.stopPropagation()">
create a fiddle PleaseJSFIDLE create a fiddle PleaseJSFIDLE谢谢。但是这是如何使复选框模型被选中和取消选中的??输入是否被选中取决于HTML,ng model
侦听输入中的属性更改,并相应地每日更新。因此,在我的示例中,ng click仅防止click事件影响手风琴。谢谢。但是这是如何使复选框模型被选中和取消选中的??输入是否被选中取决于HTML,ng model
侦听输入中的属性更改,并相应地每日更新。因此,在我的示例中,ng click仅防止click事件影响手风琴