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>

当用户添加这个生成Angular 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-bind而不是ng-include;

示例：

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

如何使用Angular函数导出Angular HTML模板

2 个答案: