Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › Kod HTML z dynamicznym wstawianiem do dynamicznego wstawiania Angular 18 serii (dwadzieścia pięć) ...
Widok: 1725|Odpowiedź: 0

[Angular] Seria Angular 18 (dwadzieścia pięć) dynamicznie wstawia renderowany kod HTML

[Skopiuj link]
Opublikowano 17.10.2024 09:19:28 | | | |
Wymagania: Backend przechowuje kod źródłowy svg, a gdy frontend ładuje dane, interfejs musi wyświetlać ikonę svg normalnie zamiast kodu HTML.

Jak pokazano na poniższym obrazku, musisz wstawić fragment kodu HTML w następującym miejscu i go wyrenderować:



Kod:


Wstaw ciąg bezpośrednio do div, a HTML zostanie przetłumaczony bezpośrednio na ciąg znaków.

Do dynamicznego renderowania kodu źródłowego HTML musisz użyć innerHTML i DomSanitizer, a kod wygląda następująco:







Poprzedni:Seria Angular 18 (dwadzieścia cztery) niestandardowe piszczałki do obcinania strun
Następny:Czym jest UUID? oraz różnice między wersjami

Powiązane wpisy
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com