Verwenden von Winkelsignalen mit Klassen ⇐ CSS

[Anonymous]

Ich habe ein Verhalten gefunden, das ich nicht verstehen kann. Wenn ich ein paar Stile wie folgt angewendet habe: < /p>

Code: Select all

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

Warum funktioniert die folgende Funktion gut: < /p>
  get classes() {
return `monkey-variant-${this.variant()} ` +
`monkey-input-type-${this.type()} ` +
'monkey-input';
}
< /code>
Wenn dies erfolgreich ist, fügt dies alle aufgeführten Klassen dem Ion-Element-Element, zu dem sie in der Vorlage hinzugefügt werden, erfolgreich hinzu. Und sie werden in den Eigenschaften -> Classlist perfekt angezeigt, wenn ich den Dom inspeze.  classes: Signal = computed(() => [
`monkey-variant-${this.variant()}`,
`monkey-input-type-${this.type()}`,
'monkey-input',
]);
< /code>
In dem Fall, in dem es fehlschlägt, kann ich, wenn ich das DOM inspesche, einen Hinweis auf die Klassen sehen, aber es ist eindeutig nicht richtig! < /p>
ng-reflect-ng-class=\"[Computed: monkey-variant-sear

Ich migriere Code, um Signale zu verwenden, und war unter dem Eindruck, dass dies die "richtige" Art war, Dinge zu tun. Aber ich fehlt hier eindeutig etwas?!