Question

稍微密切关注文档，做了一些更改。当手风琴打开时，不能让人字形符号向上指向。代码片段中的最后10行左右是我一直关注的内容：

http://angular-ui.github.io/bootstrap/#!#accordion

无论如何，这就是我所拥有的。无论手风琴是打开还是关闭，它仍然只是指向下方。这是我的HTML（我没有与之关联的自定义JS，只使用UI Boostrap库附带的内容）：

<uib-accordion close-others='oneAtATime=true'>
    <div class='detail-menu' uib-accordion-group is-open='false'>
        <uib-accordion-heading>
             Job Descriptions <i class='pull-right glyphicon' ng-class='{"glyphicon-chevron-up": status.open, "glyphicon-chevron-down": !status.open}'></i>
        </uib-accordion-heading>                
        <li>Test 1</li>
        <li>Test 2</li>
        <li>Test 3</li>
    </div>
</uib-accordion>

不确定我忽略了什么。

Answer 1

这里的问题是is-open="false"。您了解手风琴是否打开的方法是将$scope或控制器变量传递给is-open。在这里，你没有参考。

因此，更改is-open="status.open"会让您参与其中，然后您可以访问它以显示您喜欢的图标。

<uib-accordion close-others='oneAtATime'>
    <div class='detail-menu' uib-accordion-group is-open='status.open'>
        <uib-accordion-heading>
             Job Descriptions <i class='pull-right glyphicon' ng-class='{"glyphicon-chevron-up": status.open, "glyphicon-chevron-down": !status.open}'></i>
        </uib-accordion-heading>                
        <li>Test 1</li>
        <li>Test 2</li>
        <li>Test 3</li>
    </div>
</uib-accordion>

如果您想将false保留在开头，只需初始化status而不是open或从控制器将其设置为false（请参阅下面的plunker）

working plunker

UI Bootstrap 2.5无法根据开放式或闭合式手风琴来改变雪佛龙

1 个答案: