복붙노트

[ANGULAR] 템플릿을 innerhtml로 추가 할 때 각도 2 바인딩 / 이벤트가 작동하지 않습니다.

ANGULAR

템플릿을 innerhtml로 추가 할 때 각도 2 바인딩 / 이벤트가 작동하지 않습니다.

해결법


  1. 1.Angular는 어떤 방식 으로든 innerhtml (elementref.nativeElement.append (...) 또는 이와 유사한)를 사용하여 HTML을 처리하지 않습니다.

    Angular는 어떤 방식 으로든 innerhtml (elementref.nativeElement.append (...) 또는 이와 유사한)를 사용하여 HTML을 처리하지 않습니다.

    주석에서 언급했듯이 대안은 구성 요소에서 HTML을 래핑 하고이 구성 요소를 동적으로 추가하는 것입니다. DynamicComponentLoader (귀하의 질문에 대한 링크 된 답변에서 표시된대로)는 더 이상 사용되지 않습니다. ViewContainerRef.createComponent ()로 대체되었습니다. 선택한 구성 요소를 클릭하면 각도 2 동적 탭이 사용 방법을 보여줍니다.

  2. from https://stackoverflow.com/questions/37901436/angular-2-binding-events-not-working-when-adding-template-as-innerhtml by cc-by-sa and MIT license