Angularjs更改字體樣式

Question

我試圖在變量爲true時更改元素的字體樣式。

在我的控制器中有一個變量返回它的值。現在我想根據返回值更改字體樣式。這應該通過ng樣式發生。

已經在網上搜索了它。 W3學校和一切，但它不工作。

有人請給我一個例子或一些有用的教程或技巧來幫助？

在此先感謝。

Answer 1

這裏是NG風格的文檔： https://docs.angularjs.org/api/ng/directive/ngStyle

我寧願用納克級，示例代碼：

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>