AngularJS：如何实现输出HTML的指令？

我想创建一个

示例

指令，将其内部HTML附加到自身。那么这个,

<div example>
  <label for="name">Name:</label>
  <input id="name" type="text" ng-model="name">
</div>

姓名：

应该是这样的：

在指令内部时，元素已经有了things行

class=“ng scope ng pristine ng valid”

，该行不应该出现在输出的HTML中

如何执行这样的指令

---

我的尝试是

您可能不需要在此处转移或使用范围，只需使用

compile

函数获取内部html并将其附加到节点：

.directive('example', function() {
  return {
    compile: function(ele) {
      var innerHtml = ele.html();
      ele.append(document.createTextNode(innerHtml));
    }
  };
});

---

您需要$compile中的html，但不确定如何打印它。。。假设$scope在编译时不可用