Angularjs 复选框未在uib accordion的标题中工作

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手风琴的标题中,它就不会被选中

<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事件影响手风琴