각 구성 요소에 동적 HTML 추가

각 구성 요소는 textEditor (contentEditable div)와 유사합니다. 그것은 html 템플릿입니다. 이제 사용자가 입력 한 내용을 기반으로 동적 HTML을 추가하고 싶습니다. 이런 식으로 뭔가 : -각 구성 요소에 동적 HTML 추가

<span class="macro consolas-text" (click)="OpenPopup()"></span>

내가 내 HTML 템플릿에 동적으로 HTML을 추가 할 수 있어요하지만이 기능 "OpenPopup"를 호출 할 수 없습니다입니다. 각도가 동적으로 추가 된 이후로이 범위를 식별 할 수 없다고 생각합니다.

어떻게 작동합니까? 일부 텍스트를 지정하려면이 변수

<span class="macro consolas-text" (click)="OpenPopup('sometext')" [innerHTML]="sometext"></span>

를 할당하는 경우

출처

2017-05-12 user911

를 사용 ? 사용했던 기능이 생각했던 것처럼 기능을 추가하지 않았을 수 있습니다. –

문자열 연결을 사용하여이 전체 범위를 만듭니다. document.createElement() 및 다른 작업을 사용하고 있지 않습니다. 이것은 기존의 코드이며 앵글 1에서는 작동하지만 OpenPopup()은 앵귤러 컨트롤러 나 서비스에 앉아 있지 않았습니다. 그것은 순수한 자바 스크립트 함수였습니다. 이것은 각도 1에서 각도 2로 이동할 때 깨지기 시작합니다. – user911

각도 1 프로젝트는 어떻게 'OpenPopup()'함수를 찾을 곳을 알고 있었습니까? Angular 2의 프로세스를 에뮬레이션 할 수 있습니까? –

사용 innerHTML 속성 바인딩, 어떻게 HTML 템플릿에 동적으로 HTML 코드를 추가 않았다 ' '

<span class="macro consolas-text" (click)="OpenPopup('sometext')" [innerHTML]="'some text'"></span>

출처

2017-05-12 20:24:35 Aravind

나는 이것을 얻지 못했다. 좀 더 설명해 주시겠습니까? 내 질문에 대한 OpenPopUp() 함수를 호출하는 것입니다. – user911

변수'sometext'에서 값을 공유 할 수 있습니까? 팝업에 일부 콘텐츠를 전달해야합니까? 또는 예상되는 결과는 무엇입니까? – Aravind

은 중요하지 않습니다. 난 그냥 함수를 호출하고 싶다. 업데이트 된 질문. – user911

각 구성 요소에 동적 HTML 추가

답변

관련 문제