각도 4 위생적으로 파이프 나는이 같은 매개 변수로 오브젝트를 모달 서비스가

Question

사용자 정의 구성 요소를 제거합니다 : 4

modal = { 
     title: My Modal, 
     body: template 
    } 

이는 모달의 템플릿을 보유하고 모달 구성 요소에 전달되는을 (사용하여 부트 스트랩). 나는 몸에서 사용자 지정 구성 요소 선택기를 사용하려고이 표시되지 때까지 https://medium.com/@AAlakkad/angular-2-display-html-without-sanitizing-filtering-17499024b079

모든 것이 잘 작동 :

<div class="modal-header"> 
    <h4 class="modal-title">{{title}}</h4> 
    <button type="button" class="close" aria-label="Close" (click)="onCancel()"> 
     <span aria-hidden="true">&times;</span> 
    </button> 
</div> 
<div class="modal-body" [innerHtml]="body | keepHtml"></div> 
<div class="modal-footer"> 
    <button (click)="onCancel()" class="btn"> 
     <span>Cancel</span> 
    </button> 
    <button (click)="onOk()" class="btn btn-primary"> 
     <span>Ok</span> 
    </button> 
</div> 

몸이에 따라 위생 파이프를 통해 전달됩니다. 콘솔에서 위생 처리 오류가 발생하지 않습니다. 왜 이런 일이 일어나고 그것을 고치는 법을 아는 사람이 있습니까?

Answer 1

위생 처리와 관련이 없습니다. Angular는 이러한 방식으로 구성 요소를 동적으로 생성하는 것을 지원하지 않습니다. Angular는 각도 응용 프로그램을 작성할 때 각도 별 마크 업용 JavaScript 코드를 생성합니다. 런타임에 추가 된 마크 업에는 이러한 효과가 없습니다. 런타임시 잡습니다을 컴파일하는 방법을

참조

가 동적으로 빌드시에 컴파일 된 객체의 탭 세트 등 추가되지 않은 경우는 어떻게 How can I use/create dynamic template to compile dynamic Component with Angular 2.0?