[解決済み] Angular - ngForの中のngIfの中のパラメータを持つng-template [重複]。
2023-02-03 02:14:59
質問
私はこのテンプレートを作ろうとしています。
<ul>
<li *ngFor='let link of links'>
<ng-container *ngIf="link.type == 'complex'; then complexLink else simpleLink"></ng-container>
</li>
</ul>
<ng-template #simpleLink>
...
{{ link.some_property }}
</ng-template>
<ng-template #complexLink>
...
{{ link.some_property }}
</ng-template>
問題は、リンク変数がng-template内部で未定義であるため、未定義の'some_property'にアクセスするエラーが発生することです。
ngForからng-templateにどのようにリンク変数を渡すか理解するのに苦労しています。
この問題に対して、複数の解決策があれば教えていただけると幸いです。
どのように解決するのですか?
次のようにします。
<ul>
<li *ngFor='let link of links'>
<ng-container
[ngTemplateOutlet]="link.type == 'complex' ?complexLink : simpleLink"
[ngTemplateOutletContext]="{link:link}">
</ng-container>
</li>
</ul>
<ng-template #simpleLink let-link='link'>
Simple : {{ link.name }}
</ng-template>
<ng-template #complexLink let-link='link'>
Complex : {{ link.name }}
</ng-template>
関連
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] インデックスを属性値とするngFor
-
[解決済み】*ngIfと*ngForが同じ要素にあるとエラーになる件
-
[解決済み] Angular 2.0で動的コンポーネントをコンパイルするために動的テンプレートを使用/作成するにはどうすればよいですか?
-
[解決済み] ng serve がファイルの変更を自動的に検出しない
-
[解決済み] Angular 2のFormGroupからすべての検証エラーを取得する
-
[解決済み] AngularでEventEmitterに2つのパラメータを渡すには?
-
[解決済み] 文字列|ヌル'型の引数は、文字列'型のパラメータに代入できません。タイプ 'null' はタイプ 'string' に割り当てられません。
-
[解決済み] FormGroupから単一の値を取得する方法
-
[解決済み] angular keyvalue pipe sort properties / iterate in order (アンギュラーキーバリューパイプソートプロパティ / イテレートオーダー)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular Materialでのデフォルトのソート - ヘッダーのソート
-
[解決済み] formControlNameとFormControlの違いは何ですか?
-
[解決済み] Angularで、コントロールが作成された後、FormControlにバリデータを追加する方法は?
-
[解決済み] Angular / Angular Materialでmat-horizontal-stepperのステップをプログラムで移動させることは可能ですか?
-
[解決済み] どのようにしてangular 4のurlからparamを取得するのですか?
-
[解決済み] Angularで確認ダイアログを作る簡単な方法?
-
[解決済み] ng-forOf」は既知のネイティブプロパティではないため、バインドできない [重複] 。
-
[解決済み] 新しいAngularでngSrcに相当するものは何ですか?
-
[解決済み] Angular 2+でspec.tsファイルなしでComponentを生成する。
-
[解決済み] Angular2のTypescriptで文字列を日付に変換するには?重複