Как применить значение по умолчанию в ngStyle в Angular?

#css #angular

Вопрос:

Я использую это, чтобы изменить фон элемента.

[style.background-color]="condition ? 'red' : 'green'"

Но поскольку я собираюсь использовать темы — я не буду знать, какой текущий default цвет фона..

как я должен переписать выше, чтобы поддерживать произвольный стиль темы?

1. извините, вопрос не совсем ясен, вы хотите использовать цвета темы вместо «красного» и «зеленого»? если это не вопрос, то я не понимаю, о чем вы спрашиваете, если вы поместите туда этот ngStyle, тогда больше ничего не имеет значения, и вы получите красный или зеленый цвет фона.

Ответ №1:

установите фон по умолчанию непосредственно перед [style.background-color]="condition ? 'red' : 'green'"

итак, код будет style="background-color:blue" [style.background-color]="condition ? 'red' : 'green'"

здесь синий цвет по умолчанию

1. но у него никогда не будет синего фона, так как тот, у которого есть условие, всегда будет переопределять его, поэтому снова фон будет либо красным, либо зеленым, несмотря ни на что.

2. весь смысл вопроса — я не знаю, какой цвет используется по умолчанию. но спасибо за усилия

Ответ №2:

на самом деле это просто:

[style.background-color]="condition ? 'red' : null"