javascript - AngularJS改变字体样式

Question

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

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

已经在网上搜索过了。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-style：

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