angularjs – 用于angular-ui bootstrap手风琴指令的标题中的复

发布时间：2020-12-17 07:32:36 所属栏目：安全来源：网络整理

导读：我仍然很有角度,所以这可能是一个基本问题,但我还没有弄明白. 如何将一个复选框(绑定到我的模型的属性)放入一个angular-ui手风琴的标题中？我可以在那里找到复选框,但点击似乎永远不会达到它,即它永远不会被“检查”. accordion accordion-group ng-repeat="

我仍然很有角度,所以这可能是一个基本问题,但我还没有弄明白.

如何将一个复选框(绑定到我的模型的属性)放入一个angular-ui手风琴的标题中？我可以在那里找到复选框,但点击似乎永远不会达到它,即它永远不会被“检查”.

<accordion>
  <accordion-group ng-repeat="group in groups" is-open="group.open">
    <accordion-heading>
      <input 
          type="checkbox" 
          ng-model="group.checked" 
          ng-click="checkboxClick(group,$event)" />
      Title
    </accordion-heading>
    {{group.content}}
  </accordion-group>    
</accordion>

根据这个jQueryUI accordion with checkboxes,通过在click事件上调用e.preventDefault(),我可以通过标准jquery-ui手风琴获得类似所需行为的东西,但这似乎不适用于angular-ui手风琴指令.

在这里看到这个plunker：http://plnkr.co/edit/QMnaXJeMagrTPRjbIZbL?p=preview.

<accordion>
  <accordion-group ng-repeat="group in groups" is-open="group.open">
    <accordion-heading>
      <input type="checkbox" ng-checked="group.checked" ng-click="checkboxClick(group,$event)" />
      {{group.title}}
    </accordion-heading>
    {{group.content}}
  </accordion-group>

和：

$scope.checkboxClick = function(group,$event){
  $event.stopPropagation();
}

示例：Plunker

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!