angular - 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 属性，而不是文字字符串“panel-primary”。