So exportieren Sie Angular HTML-Vorlage mit Winkelfunktion

Question

Ich möchte einen eckigen Formulargenerator erstellen. Ich habe Vorlage wie folgt aus:

<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> 

und wenn der Benutzer diese Vorlage hinzufügen, die Angular HTML-Code wie folgt erzeugen:

<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> 

Mit diesem Beispiel mein Template-Code gemacht, aber ich will es nicht machen und zeige nur eckigen HTML-Code. Wenn Sie einen Vorschlag haben, ändern Sie diesen Code bitte.

Example Code

Answer 1

verwenden, können Sie ng-bind statt ng- verwenden einschließen;

Beispiel:

**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

Wenn Sie normale Tags verwenden, wird es machen, aber wenn Sie es nicht machen wollen, dann können Sie

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