AngularJS изменить стиль шрифта

Question

Я пытаюсь изменить стиль шрифта элемента, когда переменная истинна.

В моем контроллере есть переменная, которая возвращает свое значение. Теперь я хочу изменить стиль шрифта на основе возвращаемого значения. Это должно происходить через стиль нг.

Уже искал в интернете это. W3 школы и все такое, но это не работает.

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

Заранее спасибо.

Answer 1

Вот документация в стиле ng: https://docs.angularjs.org/api/ng/directive/ngStyle

Я бы предпочел использовать ng-класс, пример кода:

CSS:

.font-style-1 {
   font-family : ...;
   font-size: 18px;
   ...
}

.font-style-2 {
   font-family : ...;
   font-size: 14px;
   ...
}

HTML:

<div ng-class="{'font-style-1': myCondition == 'test value', 'font-style-2': myCondition == 'another test value'}">
   ... content ...
</div>

Но если вы настаиваете на использовании стиля нг:

<div ng-style="myCondition == 'test value' && {'font-size': 18px; ... } || {'font-size': 14px; ...}">
   ... content ...
</div>