2016-01-21 22 views
24

Importuję elementy rss, gdzie w opisie jest dużo kodu HTML (linki, akapity itp.). Kiedy jestem oglądania go w widoku komponentu jak:Angular2 przeanalizuj ciąg znaków do html

{{rss.description}} 

wyjście w miejscu jest jak:

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

Jak mogę szybko i łatwo analizować je do HTML? Nie chcę tego przekraczać za pomocą jQuery. Dziękuję

+1

Czy chcesz dodać kod HTML, który jest interpretowany przez przeglądarkę jako znacznik? –

+1

Jeśli Twoje dane z Angular mogą być różnymi typami, takimi jak Ty: linki, akapity, itd. Musiałbyś sprawdzić je dynamicznie w javascript, a następnie zbudować elementy w ten sposób. Nie ma standardowej funkcjonalności w kanciastości: "google.com" i stwórz 'blah' Mam nadzieję, że dobrze zrozumiałem twoje pytanie. –

Odpowiedz

53

Nie wiem, czy dobrze rozumiem pytanie, ale może to być co chcesz

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

Zobacz także In RC.1 some styles can't be added using binding syntax dla jak umożliwić „niebezpieczny” HTML.

+0

Tak, to jest postanowienie! Dziękuję :) – elzoy

+1

To działa po wyjęciu z pudełka. Brawo! –

+1

Używałem tinymce i kiedy pobrałem z DB opublikowaną zawartość edytora, chciałem wyświetlić go jako HTML i to się stało. Dzięki – JAF

Powiązane problemy