[解決済み] ng2 - ng-containerタグとng-templateタグの違い
2022-08-28 05:42:46
質問
を使用することの違いを説明してください。
<ng-container>
と
<ng-template>
という要素があるのでしょうか?
のドキュメントを見つけることができませんでした。
NgContainer
のドキュメントが見つからず、テンプレートタグとの違いがよくわかりません。
それぞれのコード例があれば、非常に助かります。
どのように解決するのですか?
どちらも、現時点 (2.x, 4.x) では、ページ上でレンダリングされる別の要素を導入することなく要素をグループ化するために使用されています (たとえば
div
または
span
).
template
といった具合に、厄介な構文が必要です。例えば
<li *ngFor="let item of items; let i = index; trackBy: trackByFn">...</li>
は次のようになる。
<template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
<li>...</li>
</template>
を使うことができます。
ng-container
に従うので、代わりに
*
の構文に従うからです。
<ng-container *ngFor="let item of items; let i = index; trackBy: trackByFn">
<li>...</li>
</ng-container>
詳細は GitHub のこのディスカッション .
なお、4.x では
<template>
は非推奨で、次のように変更されます。
<ng-template>
.
使用する
-
<ng-container>
のようなネストした構造ディレクティブのためのヘルパー要素が必要な場合。*ngIf
または*ngFor
または、このような構造的なディレクティブの内部で複数の要素をラップしたい場合。 -
<ng-template>
を使用して様々な場所でスタンプしたいビュー "スニペット" が必要な場合。ngForTemplate
,ngTemplateOutlet
またはcreateEmbeddedView()
.
関連
-
[解決済み] Angular 2の@ViewChildアノテーションがundefinedを返す
-
[解決済み] コンストラクタとngOnInitの違いについて
-
[解決済み] BehaviorSubjectとObservableの違い?
-
[解決済み] NgModuleにおける宣言、プロバイダ、インポートの違いは何ですか?
-
[解決済み】PromiseとObservablesの違いは何ですか?
-
[解決済み】markForCheck()とdetectChanges()の違いは何ですか?)
-
[解決済み] Angular2の括弧、括弧、アスタリスクの違いは何ですか?
-
[解決済み] テンプレート駆動型とリアクティブ型の実用的な違いとは?
-
[解決済み] Angular2でNgForがPipeでデータを更新しない。
-
[解決済み] Angular CLIで特定のバージョンの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-container> と <template> の比較
-
[解決済み】*ngIfと*ngForが同じ要素にあるとエラーになる件
-
[解決済み] Angular 2におけるEventEmitter.next()とEventEmitter.emit()の相違点
-
[解決済み] angular-cliのビルドでカスタムファイルをインクルードするには?
-
[解決済み] 別のプロセス(id #######)が現在 ngcc を実行しています。
-
[解決済み] Angular CLIで特定のバージョンのAngularをインストールするには?
-
[解決済み] Angularで、コントロールが作成された後、FormControlにバリデータを追加する方法は?
-
[解決済み] Angular v5からAngular v6にプロジェクトをアップグレードしたい。
-
[解決済み] Angular2 bodyタグにクラスを追加する
-
[解決済み] RxJSのmap演算子でエラーを出す方法 (angular)