[解決済み] アスタリスク(*)をつけた理由
2022-12-10 18:16:57
質問
Angularのドキュメントで * とテンプレート で、*ngIf、*ngSwitch、*ngForがng-templateタグに展開できることは知っています。 私の質問は、次のとおりです。
私は
ngIf
または
ngFor
がない場合
*
は、Angularエンジンによってテンプレートタグに翻訳・展開されることもあります。
以下のコード
<hero-detail *ngIf="currentHero" [hero]="currentHero"></hero-detail>
と同じになります。
<ng-template [ngIf]="currentHero">
<hero-detail [hero]="currentHero"></hero-detail>
</ng-template>
では、なぜわざわざ変な記号のアスタリスク(
*
)をわざわざAngularでデザインする必要があるのでしょうか?
どのように解決するのですか?
アスタリスクの構文は、ディレクティブがフードの下で展開する、より多くの言葉のテンプレート構文のための構文糖であり、あなたはこれらのオプションのいずれかを自由に使用することができます。
引用元 ドキュメント :
アスタリスクは構文上の糖分です。これは ngIf と ngFor を簡略化するものです。 を簡略化します。フードの下では、Angularはアスタリスク版をより冗長なものに置き換えています。 アスタリスクのバージョンをより冗長なフォームに置き換えます。
次の2つのngIfの例は事実上同じで、どちらのスタイルでも書くことができます。
<!-- Examples (A) and (B) are the same --> <!-- (A) *ngIf paragraph --> <p *ngIf="condition"> Our heroes are true! </p> <!-- (B) [ngIf] with template --> <template [ngIf]="condition"> <p> Our heroes are true! </p> </template>
関連
-
[解決済み] なぜGoogleはJSONレスポンスにwhile(1);を前置するのでしょうか?
-
[解決済み] 私のJavaScriptコードは "No 'Access-Control-Allow-Origin' header is present on requested resource "というエラーを受け取りますが、Postmanはそうならないのはなぜですか?
-
[解決済み] JSONPとは何か、なぜ作られたのか?
-
[解決済み] 配列の反復処理に "for...in "を使用するのは、なぜ良くないのでしょうか?
-
[解決済み] なぜ ++[[]][+[] +[+[]] は "10" という文字列を返すのでしょうか?
-
[解決済み] セルフクローズスクリプトエレメントが機能しないのはなぜですか?
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Angular2の括弧、括弧、アスタリスクの違いは何ですか?
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] Javascript / jQueryでAndroid端末を検出する。
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
-
[解決済み] これは純関数ですか?
-
[解決済み] JavaScriptデータフォーマット/プリティプリンタ