Angularjsはフォントスタイルを変更します

Question

変数がtrueの場合、要素のフォントスタイルを変更しようとしています。

私のコントローラには値が返される変数があります。今度は戻り値に基づいてフォントスタイルを変更したいと思います。これはng形式で行われます。

既にインターネットで検索されています。 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> 

しかし、あなたがng形式を使用することを主張する場合：

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