Использование угловых сигналов с классами ⇐ CSS

[Anonymous]

Я нашел какое -то поведение, которое я не могу понять. Если у меня есть куча стилей, применяется так: < /p>

Код: Выделить всё

.monkey-ion-item{
// Country Variant XXXX Not working after upgrade!
&.monkey-variant-search-list-country {
.monkey-icon {
color: var(--ion-color-success, green);
}
}
< /code>
, а затем в HTML: < /p>

Почему следующее работает нормально: < /p>
  get classes() {
return `monkey-variant-${this.variant()} ` +
`monkey-input-type-${this.type()} ` +
'monkey-input';
}
< /code>
Сделать это успешно добавляет все перечисленные классы в элемент ионного элемента, к которому они добавлены в шаблоне. И они отлично отображаются в свойствах -> ClassList, когда я осматриваю Dom. < /P>
Но сигнальный подход к тому же смущению: < /p>
  classes: Signal = computed(() => [
`monkey-variant-${this.variant()}`,
`monkey-input-type-${this.type()}`,
'monkey-input',
]);
< /code>
В случае, когда он сбой, если я осмотрю DOM, я вижу некоторую ссылку на классы, но это явно не правильно! < /p>
ng-reflect-ng-class=\"[Computed: monkey-variant-sear

Я мигрирую код, чтобы использовать сигналы и испытывал впечатление, что это был «правильный» способ сделать что -то. Но я явно что -то упускаю здесь?!

Подробнее здесь: https://stackoverflow.com/questions/794 ... th-classes