Angularjs更改字体风格

Question

当变量为真时，我正在尝试更改元素的字体式。

在我的控制器中，有一个变量返回其值。现在，我想根据返回值更改字体式。这应该通过NG风格发生。

已经搜索了Internet。W3学校和一切都没有用。

有人可以给我一个例子或一些有用的教程或帮助的技巧吗？

预先感谢。

Answer 1

这是ng样式文档：https://docs.angularjs.org/api/ng/directive/ngstyle

我更喜欢使用ng-class，示例代码：

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>

但是，如果您坚持使用NG风格：

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