问

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

像天使一样的笑着_917 发布于 2023-02-12 15:58

input

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

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


  
    
      
      Title
    
    {{group.content}}

根据这个带有复选框的jQueryUI手风琴,我可以通过调用e.preventDefault()click事件获得类似标准jquery-ui手风琴所需的行为,但这似乎不适用于angular-ui手风琴指令.

请在此处查看此plunker:http://plnkr.co/edit/QMnaXJeMagrTPRjbIZbL？p = preview .

1 个回答

<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

2023-02-12 16:03 回答

安韦苇8

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签