この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › Angular 18シリーズ(25)動的挿入レンダリングHTMLコード...
眺める： 1725|答える： 0

[角] Angular 18シリーズ(25)はレンダリングされたHTMLコードを動的に挿入します

[リンクをコピー]
掲載地 2024/10/17 9:19:28 | | | |
要件:バックエンドはSVGのソースコードを保存し、フロントエンドがデータを読み込む際には、通常HTMLコードではなくSVGアイコンを表示する必要があります。

以下の画像に示すように、次の場所にHTMLコードを挿入し、それをレンダリングする必要があります。



コード：


文字列を直接divに挿入すると、HTMLが直接文字列に翻訳されます。

HTMLのソースコードを動的にレンダリングするにはinnerHTMLとDomSanitizerを使う必要があります。コードは以下の通りです:







先の：Angular 18シリーズ(24本)カスタム弦切断パイプ
次に：UUIDとは何ですか? およびバージョン間の違い

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com