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

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

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

각도 HTML 바인딩 (24 회답)

닫힘5년 전에요.

편집: 제목만 대충 훑어본 사람들을 위한 설명입니다. 제 질문은 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