Primeng-как использовать styleClass?

Я хочу использовать styleClass свойства Togglebutton компонент. Как описано в следующий пост, Я думал, что это прямо вперед с помощью:

styleClass="test"

в моем css-файле я затем устанавливаю некоторые атрибуты, например 

.test { background: red; }

но это не работает. Работа с style совершенно ясно, при помощи [style]="{'background':'red'}" С этим нет проблем. Но!--2--> не работает. вот компонент. Любая идея, как использовать styleClass?

9
primeng

1 ответов

чтобы прояснить ситуацию:styleClass свойство является только дополнением к исходным классам компонента. Это означает, что вы всегда должны использовать исходные классы для стиля компонента. С styleClass затем у вас есть возможность обратиться к одному или нескольким компонентам набора компонентов одного и того же типа. Итак, имея пять Togglebutton компоненты, вы можете обычно стиль этих компонентов с 

.ui-togglebutton.ui-button.ui-state-active{}

если вы хотите, чтобы стиль одного из этих компонентов по-разному, вы можете добавить styleClass свойства:

<p-toggleButton styleClass="different"></p-toggleButton>

и в вашем css теперь вы можете обратиться к этому:

.different.ui-togglebutton.ui-button.ui-state-active{}
styleClass не является заменой для оригинальных селекторов, это дополнение.
5