Rendern von HTML aus einer Zeichenfolge in div. Größe 500x500

8

Ich habe einige HTML-Inhalte in angularjs Array:

%Vor%

HTMLs ist ein String-Array mit folgendem HTML-Inhalt.

%Vor% %Vor%

Ich möchte ein Vorschaubild dieser HTML-Texte nach dem Rendern in einem div der Größe 500x500 für jeden HTML-Inhalt aus dem Array haben.

Ich möchte keine Bildlaufleisten im div für HTML gerendert haben. Wenn der HTML -Text zu lang ist, dann würde das Rendern kleiner Teile für mich funktionieren.

    
M.S. 23.04.2016, 17:40
quelle

2 Antworten

2

Sie können den benötigten html-Teil aus der hole-Zeichenkette mit der getElementById-Methode entfernen und sie dem div zuordnen.

%Vor%

ODER Sie können ng-bind-html im HTML-Code verwenden:

%Vor%

An diesem Punkt erhalten Sie einen Versuch, einen unsicheren Wert in einem sicheren Kontext zu verwenden Fehler, so dass Sie $ sce verwenden müssen, um das Problem zu lösen.

%Vor%

im Controller, um die HTML-Zeichenfolge zu konvertieren.

%Vor%     
sumngh 24.04.2016 08:21
quelle
0

Versuchen Sie Folgendes:

%Vor%

Ihr Controller:

%Vor%

Binden Sie den Wert in Ihrem HTML wie folgt:

%Vor%

Wenn Sie möchten, dass dies nur in 500 * 500 div und anderen Designänderungen, die Sie anwenden möchten, wiedergegeben werden soll, verwenden Sie hierfür Ihr eigenes benutzerdefiniertes CSS. Natürlich sollten Sie alle HTML-Strings in Ihrem Eingabe-Array durchlaufen. Ich habe gerade ein Element hier zum Beispiel verwendet.

    
Manoj Kumar 28.04.2016 12:54
quelle

Tags und Links