在面板头Angularjs手风琴NG-点击 [英] Angularjs accordion ng-click on panel-header

问题描述

在AngularJS UI引导我想激活的 ISOPEN 在面板的标题被点击，但我无法找到一个方法。
在这个版本只有当你点击该链接激活。

In AngularJS UI Bootstrap I want to activate isopen when panel-heading is clicked, but I couldn't find a way. In this version is activated only if you click the link.

下面是我的尝试;

<accordion-group is-open="isopen">
    <accordion-heading ng-click="isopen=!isopen">
        I can have markup, too! 
        <i class="pull-right glyphicon" 
           ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"></i>
    </accordion-heading>
    This is just some content to illustrate fancy headings.
</accordion-group>

NG-点击=ISOPEN =！ISOPEN

这是我试过的Plunker链接

AngularJS UI引导

在此先感谢..

推荐答案

编辑：
更好的解决方案是将 NG-点击=ISOPEN =！ISOPEN到手风琴组元素。以此方式，面板被打开/关闭的面板镦随地点击，包括边缘

A better solution is to move ng-click="isopen=!isopen" to the accordion-group element. This way the panel is opened/closed clicking anywhere on the panel-heading, including the edges.

<accordion close-others="oneAtATime">
    <accordion-group is-open="isopen" ng-click="isopen=!isopen">
        <accordion-heading >
           I can have markup, too! 
           <i class="pull-right glyphicon" 
              ng-class="{'glyphicon-   chevron-down': isopen, 'glyphicon-chevron-right': !isopen}">
           </i>
        </accordion-heading>
        This is just some content to illustrate fancy headings.
    </accordion-group>
</accordion>

END修改

包围的内容＆LT;手风琴标题＆GT; 在＆LT; D​​IV＆GT;

<accordion close-others="oneAtATime">
    <accordion-group is-open="isopen" >
        <accordion-heading ng-click="isopen=!isopen">
           <div>
            I can have markup, too! 
           <i class="pull-right glyphicon" 
              ng-class="{'glyphicon-   chevron-down': isopen, 'glyphicon-chevron-right': !isopen}">
           </i>
           </div>
       </accordion-heading>
       This is just some content to illustrate fancy headings.
   </accordion-group>
</accordion>

这篇关于在面板头Angularjs手风琴NG-点击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！