Angular2 parse stringa in html

Sto importando articoli rss dove nella descrizione c'è molto codice html (link, paragrafi, ecc ...). Quando sto visualizzazione in vista del componente come:Angular2 parse stringa in html

{{rss.description}}

l'output in sito è come:

<a href="http://link.com">Something</a> <p>Long text</p>

Come posso rapidamente e facile analizzarlo in html? Non voglio attraversarlo con jQuery. Grazie

fonte

2016-01-21 elzoy

Vuoi aggiungere HTML interpretato dal browser come markup? –

Se i dati di Angular possono essere di tipi diversi come lo stato dell'utente: collegamenti, paragrafi, ecc. Dovresti controllarli dinamicamente in javascript e quindi costruire gli elementi in questo modo. Non c'è nessuna funzionalità standard da adottare: 'google.com' e creare' blah 'Spero di aver capito la tua domanda correttamente –

Non sono sicuro se ho capito bene la tua domanda, ma questo potrebbe essere ciò che si desidera

<div [innerHTML]="rss.description"></div>

Vedi anche In RC.1 some styles can't be added using binding syntax per il modo di consentire HTML "non sicuro".

fonte

2016-01-21 20:24:40

Sì, questa è la soluzione! Grazie :) – elzoy

Che funziona fuori dalla scatola. Bravo! –

Stavo usando tinymce e quando ho recuperato dal DB il contenuto pubblicato dell'editor volevo visualizzarlo come html e questo ha funzionato. Grazie – JAF

Angular2 parse stringa in html

risposta

Problemi correlati