반응형
Angular 4+에서 html 태그로 문자열을 렌더링하는 방법은 무엇입니까?
나의 각진 4 앱에는 다음과 같은 문자열이 있습니다.
comment: string;
comment = "<p><em><strong>abc</strong></em></p>";
내 html에서 이 텍스트를 제공할 때, 예를 들어.
{{comment}}
그러면 다음과 같이 표시됩니다.
<p><em><strong>abc</strong></em></p>
하지만 "abc"라는 텍스트를 abc처럼 굵고 기울임꼴로 표시해야 합니다.
어떻게 해야 하나요?
단방향 흐름 구문 속성 바인딩 사용:
<div [innerHTML]="comment"></div>
각도 문서에서: "Angular는 값을 안전하지 않은 것으로 인식하고 자동으로 검사하여 제거합니다.<script>태그를 지정하지만 다음과 같은 안전한 콘텐츠를 유지합니다.<b>요소."
언급URL : https://stackoverflow.com/questions/49013217/how-to-render-string-with-html-tags-in-angular-4
반응형
'codememo' 카테고리의 다른 글
| 기본 재배치를 완전히 취소합니다. (0) | 2023.05.28 |
|---|---|
| HorizontalAlignment=수평, 최대 너비 및 왼쪽이 동시에 정렬됩니까? (0) | 2023.05.23 |
| 코코아 포드를 설치하려면 어떻게 해야 합니까? (0) | 2023.05.23 |
| Python: openpyxl 글꼴을 굵게 변경합니다. (0) | 2023.05.23 |
| Azure 스토리지 BLOB에 캐시 제어 및 만료 헤더 추가 (0) | 2023.05.23 |