Angular、Multiple選択で、果物、Apple、オレンジ、バナナなどのオプションを選択します。このオプションを表示するにはどうすればいいですか?太字と背景を変更する?Angular jsでは、選択したオプションを複数選択で太字にする方法
-1
A
答えて
0
通常、テキストを太字にするために、単語を<strong>
要素でカプセル化することができます。また、背景を変更するために要素にCSSクラスを追加することができます。あなたがngClassでこれを行うことができ.myClass{background:red}
1
は怒鳴るの例を見て:
<select ng-model="myModel">
<option ng-class="{'bg-orange' : myModel == 1}" ng-value="1">Orange</option>
<option ng-class="{'bg-blue' : myModel == 2}" ng-value="2">Blue</option>
<option ng-class="{'bg-black' : myModel == 3}" ng-value="3">Black</option>
</select>
そして、あなたは、通常のCSSを行うことができます背景オプションを変更するには:
.bg-orange{
background-color: orange;
}
.bg-blue{
background-color: blue;
}
.bg-black{
background-color: black;
}
UPDATE
この回答をご覧ください:select-dropdown-bold-on-some-options
関連する問題
- 1. 選択したオプションを複数選択する方法
- 2. 複数の選択ボックスでオプションを選択し、選択したオプションからデータを読み込む方法
- 3. 複数選択オプションを選択する
- 4. Elmで複数選択のオプションを選択するには?
- 5. 複数選択ドロップダウンリストで選択したオプションを表示 - Yii2
- 6. 選択オプションの選択複数選択オプションのデータ属性
- 7. 複数選択オプション
- 8. Vue js:複数オプションの選択
- 9. 反応jsで選択したオプションを確認する方法
- 10. 選択オプションで選択色を変更する方法は?
- 11. する方法でオプションを事前に選択し、ドロップダウンノックアウトJS
- 12. 選択した別の選択オプションに基づいて選択オプションを変更する方法は?
- 13. 選択ボックスで選択したオプションのスタイルを設定する方法は?
- 14. 太字のテキストを選択
- 15. 複数の選択プラグインでオプションの数を制限する方法を選択するには?
- 16. 「選択」タグで選択した後、Angular4選択されたオプションが消える
- 17. ロータススクリプト - 複数選択リストボックスで複数の値をプログラムで選択する方法
- 18. HTMLで選択オプションを選択する
- 19. 次のページで同じ選択オプションを選択する方法
- 20. 新しく選択したhtmlオプションを最初に選択する方法は?
- 21. Angular JS 2ドロップダウンリストで選択したIDをモデルにバインドする方法は?
- 22. 角度JS選択オプションは
- 23. jqueryで複数選択オプションを反復処理する方法
- 24. EJSの複数の選択フィールドで選択したすべてのオプションをチェックする方法
- 25. Angular JS - ng-clickが選択オプションで機能しない[Chrome]
- 26. 複数選択:長いオプションを選択する際の問題
- 27. MySQL複数選択オプション
- 28. ハイライト複数選択オプション
- 29. VBSを使用してHTAで複数選択要素オプションを選択する
- 30. md-select Angular2で選択したオプションの選択を解除する方法
コードを入力すると、質問に簡単に回答できます – John