[解決済み] AngularでテンプレートHTMLブロックを再利用するには?
2023-02-23 21:53:31
質問
ファイル内にhtmlブロックがあるとします。
<div id="text">Text</div>
以下のhtmlコードを同じファイル内で再利用するにはどうしたらいいでしょうか?つまり、以下のようなものです。
<re-use id="text"></re-use>
可能でしょうか?
どのように解決するのですか?
私はあなたが再び同じhtmlブロックを再利用したかったと思います。私はあなたを正しく理解する場合、以下のコードが役立つはずです。
<ng-template #MsgRef >
{{ mycontent }}
</ng-template>
上記のブロックを同じテンプレートで再利用する場合。
<ng-template [ngTemplateOutlet]="MsgRef"></ng-template> //reuse any number of times
関連
-
[解決済み] Angular HTMLバインディング
-
[解決済み] Angular:*ngClassを使った条件付きクラス
-
[解決済み] Angular/RxJS `Subscription` からいつ退会すればいいのか?
-
[解決済み] NGIf else "の使い方を教えてください。
-
[解決済み] オブジェクトのキーと値に*ngForでアクセスする
-
[解決済み] Angularのルーティングされたコンポーネントにデータを渡すにはどうしたらいいですか?
-
[解決済み】Angularでルーティングパスを通してデータを送信する
-
[解決済み】Angular 2 - innerHTML スタイリング
-
[解決済み] Angular2でNgForがPipeでデータを更新しない。
-
[解決済み] AngularでFormArrayからすべての項目を削除する
最新
-
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でFormArrayからすべての項目を削除する
-
[解決済み] Error: モジュールによってインポートされた予期しない値 'undefined'。
-
[解決済み] Angular2 formGroupに値を設定する
-
[解決済み] Angular 2で送信後にフォームをクリアするには?
-
[解決済み] Angular cli - ng serve時の自動リロードを無効にする方法
-
[解決済み] コンポーネントではなくクラスにサービスをインジェクトする方法
-
[解決済み] Angular : ルートへの手動リダイレクト
-
[解決済み] Uncaught Error: Unexpected module 'FormsModule' declared by the module 'AppModule'. Pipe/@Directive/@Component アノテーションを追加してください。
-
[解決済み] Angular2 *ngIf テンプレート内のオブジェクト配列の長さをチェックする
-
[解決済み] Angular 2 コンポーネントコンストラクタとOnInitの比較 [重複]。