[解決済み] NgStyle]と条件(if.else)を組み合わせる
2022-03-10 12:14:12
質問
私は、以下の本を読みました。 Angular 2 のための NgStyle ドキュメント そして、それは私にとって少し混乱しています。どのように私は任意の要素の背景画像を設定するために(if...else)のような条件とNgStyleを使用するのですか?
どのように解決するのですか?
の内部で三項演算子を使用します。
ngStyle
バインディングは、if/else条件として機能します。
<div [ngStyle]="{'background-image': 'url(' + value ? image : otherImage + ')'}"></div>
関連
-
[解決済み】angular 4アプリにReactiveFormsModuleを追加すると、NgControl用のプロバイダがないエラーが発生する。
-
[解決済み】Angular2エラー。exportAs "が "ngForm "に設定されたディレクティブは存在しません。
-
[解決済み] ngForにフィルターをかけるには?
-
[解決済み] Angular 8 NgForはArray errorやAcces Control Allow originなどのIterableへのバインディングのみをサポートしています。
-
[解決済み] NGIf else "の使い方を教えてください。
-
[解決済み] オブジェクトのキーと値に*ngForでアクセスする
-
[解決済み] Angularでselect要素をオブジェクトにバインドする
-
[解決済み] npmパッケージの "at"(@)プレフィックスの意味は何ですか?
-
[解決済み】AngularでjQueryを使用するには?
-
[解決済み] テンプレート内の *ngIf else if
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angular2 CLI エラー "@angular/compiler-cli" パッケージが正しくインストールされていません。
-
[解決済み] Angular2 Final Release - 「Error: AngularにはZone.jsのプロリフィルが必要です"
-
[解決済み] Typescript - コードが TS1128: Declaration or Statement expected というエラーでビルドに失敗するが、コードを提供すると期待通りに実行される。
-
[解決済み] Electron - ローカルリソースのロードが許可されていません
-
[解決済み] AngularのngClassとトグルクラスのクリックイベント
-
[解決済み] Error.を修正する方法 No value accessor for form control with name' in Angular Unit Test?
-
[解決済み] このメソッドをリファクタリングして、認知的複雑度を21から許容される15に下げます。リファクタリングして複雑さを軽減する方法
-
[解決済み] Angularで電話番号の入力をフォーマットする
-
[解決済み] ローカルホストが私のアンギュラーアプリに対して無効な応答を送信しました。
-
[解決済み] AngularでKendo Tabstripのタブを閉じるボタンを実装する方法