[解決済み] 角度の2つのスイッチケース値
2022-11-12 07:51:55
質問
phpとjavaで、以下のようなことができます。
case 1:
case 2:
echo "something";
値が1または2のとき、quot;何か"が画面に表示されるように、私は以下のようなことをやっているアンギュラーアプリケーションを構築しています。
<div [ngSwitch]="data.type">
<div *ngSwitchCase="'multi-choice'">FORM 1</div>
<div *ngSwitchCase="'singe-choice'">FORM 1</div>
<div *ngSwitchCase="'range'">FORM 2</div>
</div>
単一選択に使用されているフォームは複数選択にも使用できますが、より整理しやすくするために以下のようなものを試してみました。
<div [ngSwitch]="data.type">
<div *ngSwitchCase="'multi-choice' || 'singe-choice'">FORM 1</div>
</div>
運悪くうまくいきませんでした。誰かこれを行うための良い方法を提案してください。
どのように解決するのですか?
(不運にも)それはできません。
ngSwitch
は、ソースコードを見るとかなり「間抜け」です。
===
をケース値とスイッチ値の間に挟んでいるだけだからです。2つのオプションがありますが、どちらも素晴らしいとは程遠いものです。
オプション1は、ディレクティブ
*ngSwitchDefault
しかし、これはすべてのマルチケースがFORM 1である場合にのみ機能します。
<div [ngSwitch]="data.type">
<div *ngSwitchDefault>FORM 1</div>
<div *ngSwitchCase="'range'">FORM 2</div>
</div>
もう一つの選択肢は、かなり冗長ですが、次のようなことをします。
<div [ngSwitch]="data.type">
<div *ngSwitchCase="data.type === 'multi-choice' || data.type === 'singe-choice' ? data.type : '' ">FORM 1</div>
<div *ngSwitchCase="'range'">FORM 2</div>
</div>
関連
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。
-
[解決済み] Angularで@Input()の値が変更されたときに検出する方法は?
-
[解決済み] Angular 2+でngShowとngHideに相当するものは何ですか?
-
[解決済み] Angularプロジェクトごとに生成される膨大な数のファイル
-
[解決済み] Angularの@Directiveと@Componentの比較
-
[解決済み] Angularでselect要素をオブジェクトにバインドする
-
[解決済み】Angularでルート変更を検出する方法は?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ng buildの後にangular-cliのdist-folderのパスを変更するには?
-
[解決済み] Angular 2におけるEventEmitter.next()とEventEmitter.emit()の相違点
-
[解決済み] angular-cliのビルドでカスタムファイルをインクルードするには?
-
[解決済み] trackBy` と `ngFor` の使い方
-
[解決済み] ルーターナビゲートで同じページのngOnInitを呼び出さない
-
[解決済み] 遅延のあるobservableを作成するには?
-
[解決済み] Angular 2で入力タグのファイルタイプで選択されたファイルをリセットする方法は?
-
[解決済み] FormGroupから単一の値を取得する方法
-
[解決済み] angularで「タイプ 'EventEmitter' は一般的ではありません」ERROR。
-
[解決済み] FormGroupとFormArrayの使い分けは?