Angular 2 : 태그를 사용자에게 표시하지 않고 JSON 응답에서 HTML을 어떻게 렌더링합니까?

Angular 2 : 태그를 사용자에게 표시하지 않고 JSON 응답에서 HTML을 어떻게 렌더링합니까? [복제]

---

이 질문에 이미 답변이 있습니다.

• Angular HTML 바인딩 18 답변

편집 : 제목 만 훑어 본 사람을위한 설명, 내 질문은 1이 아닌 Angular 2 에 관한 것 입니다.

---

다음과 같은 구성 요소 템플릿이 있습니다.

<div>{{ post.body }}</div>

개체는 다음과 같습니다.

{
    "title": "Some Title",
    "body": "<p>The <em>post body</em>.</p>"
}

단락을 다음과 같이 렌더링하는 대신 :

후 몸

다음과 같이 표시됩니다.

"<p>The <em>post body</em>.</p>"

이런 일반적인 작업이기 때문에 같은 내장 파이프를 찾았 {{ post.body | safe }}지만 보지 못했습니다.

작동하도록하는 쉬운 방법이 있습니까? 작동하도록하는 안전한 방법이 있습니까?

---

Angular2에서는 속성 바인딩 을 사용하여 DOM 요소의 속성에 액세스 할 수 있습니다 .

<div [innerHTML]="post.body"></div>

참고 URL : https://stackoverflow.com/questions/34936027/angular-2-how-do-you-render-html-from-a-json-response-without-displaying-the-ta