AngularJS改变了字体样式

Question

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

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

已在互联网上搜索过它。 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>