HTML 템플릿 메커니즘이 각도로 작동합니까?

내 각도 응용 프로그램에서 HTML의 템플릿을 사용하고 내 코드는 다음과 같은 것입니다 다음 HTML이로드되었을 때, 나는 DOM에서이 스크립트 블록을 찾을 수 없습니다HTML 템플릿 메커니즘이 각도로 작동합니까?

<script type='text/html' id="sampleId">...</script>

하지만.

어떻게 Angular에서 HTML 템플릿 메커니즘을 사용할 수 있습니까?

출처

2017-12-20 Arun Raj R

각도 응용 프로그램에서 html 템플릿을 사용하는 이유는 무엇입니까? 각도의 목적을 그냥 상실합니다. ''또는 ''를 사용하십시오. – Dhyey

을 사용하고 개발자 도구를 보려고하면 요소 영역에 표시되지 않습니다. @Dhyey –

각도 HTML 템플릿의 스크립트 태그를 허용하지 않습니다. ANgular는 HTML 템플릿도 컴파일하고 스크립트 태그 및 기타 보안 관련 내용을 템플릿에서 제거합니다. 동적 HTML을 구성 요소에 삽입하려고한다고 생각합니다. 더 나은 문제 해결 방법을 제공 할 수 있도록 사례를 설명하십시오.

출처

2017-12-20 08:03:54

사실, 내 페이지에 템플릿 메커니즘을 구현해야합니다. 의미, 나는 페이지에서 해당 스크립트 블록 안에 HTML 컨텐트를 일반 HTML로 간주하지 않고로드해야합니다 (이것은 재사용 목적으로 만 사용됩니다). 해당 스크립트 블록을 div로 변경하면 작동하지만 브라우저는이를 일반 HTML로 간주하여 브라우저에 표시합니다. –

div로 변경하고 div에 숨겨진 클래스를 추가 할 수도 있습니다.이 방법도 사용할 수 있지만 다른 일부 기능이 중단되므로 HTML 템플릿을 선택해야합니다. 그러나 나는 angular4에서 어떻게 가능하지는 않습니다. –

Angular에서는 ngIf를 사용하여 DOM에서 HTML을 표시하거나 숨 깁니다. ngIf에 대한 좋은 점은 조건에 따라 dom에서 HTML의 일부를 완전히 제거한다는 것입니다. 을 사용하면 HTML 내용을 HTML 콘텐츠로 렌더링 할 수 있습니다. 우리는 구성 요소가있을 때 senario에서 ng-content를 사용하고 부모로부터 일부 html을 원합니다. –

HTML 템플릿 메커니즘이 각도로 작동합니까?

답변

관련 문제