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

问题描述

我一直在努力angularjs UIB-手风琴，我能够使它的功能，现在当我点击面板标题它扩展这很好，但是当我面板上的任意位置单击标题还应该扩大我想做的。需要它的一些建议。

 ＆LT; UIB-手风琴与GT;
    ＆LT; UIB-手风琴组风格=边界半径：0像素重要;保证金：10px的;NG重复=标题={{filter.label}}＆GT在filterGroup过滤;
        有些code
    ＆LT; / UIB-手风琴组＆gt;
＆LT; / UIB-手风琴＆GT;
 

解决方案

感谢这个建议修改固定我的问题。

 ＆LT; UIB-手风琴近距离他人=oneAtATime＆GT;
                    ＆LT; UIB-手风琴组开=ISOPENNG重复=过滤器filterGroup＆GT;
                        ＆LT; UIB-手风琴标题NG点击=ISOPEN = ISOPEN！＆GT;
                            ＆LT; D​​IV＆GT; {{filter.label}}＆LT; I类=右拉glyphiconNG-CLASS ={'glyphicon雪佛龙下：ISOPEN，glyphicon  - 雪佛龙权：ISOPEN} ＆GT;＆LT; / I＆GT;＆LT; / DIV＆GT;
                    ＆LT; / UIB-手风琴标题＆GT;                有些code
                    ＆LT; / UIB-手风琴组＆gt;
                ＆LT; / UIB-手风琴＆GT;
 

I have been working on angularjs uib-accordion , I am able to make it functional, now when I click on panel title it expands that's fine, but what I am trying is when I click anywhere on panel heading it should also expand. Need some suggestion on it.

<uib-accordion>
    <uib-accordion-group style="border-radius:0px !important; margin:10px;"ng-repeat="filter in filterGroup" heading="{{filter.label}}">
        Some code
    </uib-accordion-group>
</uib-accordion>

解决方案

Thanks for suggestions this modifications fixed my problem

<uib-accordion close-others="oneAtATime">
                    <uib-accordion-group is-open="isopen"  ng-repeat="filter in filterGroup">
                        <uib-accordion-heading ng-click="isopen=!isopen">
                            <div >{{filter.label}} <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"></i></div>
                    </uib-accordion-heading>

                Some code
                    </uib-accordion-group>
                </uib-accordion>

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