javascript-jp.dev
javascript
html
jquery
css
angular
node.js
typescript
reactjs
npm
arrays
Dark
conditional statements
[1/1]
CSSの条件分岐について
CSSでは、直接的なif/else条件文を使用することはできません。CSSは主にスタイルの定義に使用され、プログラミング言語のような制御フローの機能は備えていません。そのため、if/elseのような条件分岐を用いて、異なる条件に基づいてスタイルを動的に変更することはできません。
Angular 2 で条件付き処理をマスター! Ternary Operator、カスタムディレクティブ、RxJS を駆使したテクニック
以下の例は、gender プロパティに基づいてユーザーの名前を表示するパイプの例です。この例では、以下のパイプを使用しています。genderedName: 性別に基づいて接尾辞を追加します。titleCase: 名前を大文字に変換します。genderedName パイプはカスタムパイプであり、以下のロジックを実装しています。
1