Блог

Согласно документации 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.

Что я делаю не так?

Вы должны использовать простую цитату, подобную этой : [panelClass]=" 'panel-primary' "

Привязка выполняется с помощью строковой переменной. В вашем случае Angular2 ищет атрибут panel-primary, а не буквенную строку ‘panel-primary’.