Angular 함수로 Angular HTML 템플릿을 내보내는 방법

Question

각도 생성기를 만들고 싶습니다. 나는이 같은 템플릿이 있습니다

<script type="text/ng-template" id="textarea.html"> 
    <div class="items form-group"> 
     <label class="col-sm-2 control-label"> 
      {{item.title}} 
     </label> 
     <div class="col-sm-10"> 
      <textarea ng-model="task.title" placeholder="{{item.placeholder}}" class="form-control"></textarea> 
     </div> 
    </div> 
</script> 

하고 사용자가이 같은 각도 HTML 코드 생성이 템플릿을 추가 할 때 내 템플릿 코드가 렌더링이 예제

<div class="items form-group"> 
     <label class="col-sm-2 control-label"> 
      {{item.title}} 
     </label> 
     <div class="col-sm-10"> 
      <textarea ng-model="task.title" placeholder="{{item.placeholder}}" class="form-control"></textarea> 
     </div> 
    </div> 

을하지만 난 그것을 렌더링하지 않고 각도 HTML 코드 만 표시합니다. 제안이 있으면이 코드를 변경하십시오.

Example Code

Answer 1

당신이 ng- 대신 NG-바인딩을 사용할 수 있습니다 사용할 수 있습니다 포함;

예 : $의 injector``에 템플릿을 할당하는 방법을

**in app.js.** 

app.run(['$injector', function($injector) { 
    var rootScope = $injector.get('$rootScope'); 

    rootScope.tpl = '<h1 style="color:green;">This is the page content</h1>'; 
}]) 

**in index.js** 

<span ng-bind='tpl'></span> 

Answer 2

정상적인 태그를 사용하면 렌더링하지만 당신이 다음을 렌더링하지 않으려면 당신이

replace < by &lt; and > by &gt;