javascript - Lägga till radbrytningar vid användning av interpolation

Jag har lite HTML för en varningsmeddelanderuta. Genom att använda interpolation kan jag återanvända samma HTML för att visa flera olika varningsmeddelanden. Det ser ut så här: <p>{{ myAlertMessage }}</p>

Nu vill jag visa ett längre varningsmeddelande som innehåller radbrytningar. Jag verkar dock inte kunna ändra den interpolerade komponentegenskapen (som är en sträng) på något sätt som infogar radbrytningar.

Till exempel, att använda </br>, eller att sprida texten över flera rader i komponentkoden (innehållen antingen i parenteser eller backticks), eller ny rad-koden (&#13;). Ingen av dessa fungerar för att skapa ett radbryt i texten när varningsmeddelandet visas.

Jag skulle föredra att slippa lägga till ytterligare egenskapsbindningar bara för att tillgodose detta särskilda användningsfall.

Tack i förväg.

Svar #1

Bara använd

<span [innerHTML]="myAlertMessage"></span>

egenskapen innerHTML kommer att tolka din HTML-kod.

Svar #2

Lösningen, åtminstone för Angular v2.1.1, är att använda [innerHTML]="myAlertMessage". Det är inte nödvändigt att använda "bypassSecurityTrustHtml" för att radbrytningar eller listor ska fungera.

Relaterade artiklar