dynamisch Aufbau Ember Komponenten vom Server Text

Question

Dieses Szenario hypothetisch ist (Art), aber mit mir tragen:

Stellen Sie sich vor, dass ich einen Server haben, der die gesamte Kommunikation von Kunden und Kunden verwaltet. Ein Kunde kann mir eine E-Mail über Standard-Mittel (Outlook, Google Mail, etc.) senden und ich werde es erhalten. Mein Server wird es analysieren und als HTML-String speichern.

<div>Hello world</div> 
<div>Second Line</div> 
<img width="10px" height="10px" src="https://mysquare.com/square.png"> 
<img width="10px" height="20px" src="https://myrectangle.com/rectangle.png"> 
<div>That picture is great</div> 

Dann, wenn ich für das Gespräch Abfrage erhalte ich eine Liste der Nachrichten zurück, die wiederum jeweils ihre innere html oben definiert ist. Aber leider keiner von ihnen haben die wunderbaren trappings von Ember :(

Jetzt sagen, dass hypothetisch hätte ich gerne das Bild in seine eigene Komponente wickeln, sagen wir, zu seiner Quelle und Dimensionen dynamisch zu gestalten.

{{dynamic-img width=imageWidth height=imageHeight src=imgSrc}} 

Idealerweise würde ich die Bilder trennen und extrahieren die entsprechenden Schlüssel-Wert-Paare, werfen dann diese Lenker Templat in den Dom und (unter der Annahme, ich hatte eine dynamic-img Komponente bereits definiert sind), es würde funktionieren. jedoch dies nicht der Fall ist.

Wie kann ich diesen HTML-Text automatisch in Ember-Komponenten konvertieren? sagen, dass ich keinen Zugang zum Server habe.

Ember, Ember-Daten, glut-cli => 2.9.x

Answer 1

Wenn ich Ihre Frage richtig verstanden, Sie eine Schleife in Ihrer Vorlage

{{#each images as |image|}} 
    {{dynamic-img width=image.width height=image.height src=img.src}} 
{{/each}} 

haben könnte Und dann Nach dem Parsen des HTML, erstellen Sie "Bilder" -Array in Ihrem Controller mit der Liste der Elemente mit geparsten Daten.