Angular 2: ng2-bootstrap panelClass 在面板上不工作

Question

根据 ng2-bootstrap 文档，有一个 panelClass 注释可用于面板。但我无法让它工作。

这是我的标记：

<accordion>
<accordion-group [panelClass]="panel-primary">
    <div accordion-heading>
        test
    </div>
    test
</accordion-group>
</accordion>

但这会产生：

<accordion-group>
<div class="panel panel-default">
    <div class="panel-heading">
        <h4 class="panel-title">
            <a class="accordion-toggle" href="" tabindex="0">
                <!--template bindings={}-->
                <div accordion-heading="">
                    test
                </div>
            </a>
        </h4>
    </div>
    <div class="panel-collapse collapse" aria-expanded="false" aria-hidden="true" style="display: none;">
        <div class="panel-body">
            test
        </div>
    </div>
</div>
</accordion-group>

我正在使用 ng2-bootstrap v1.1.13.

我做错了什么？

Answer 1

你必须像这样使用简单的引用：[panelClass]=" 'panel-primary' "

绑定是用字符串变量完成的。在您的情况下，Angular2 搜索面板主属性而不是乱码字符串 'panel-primary'.

Angular 2: ng2-bootstrap panelClass 在面板上不工作

Angular 2: ng2-bootstrap panelClass not working on panels

ng2-bootstrap

angular