angularjs - 如何编写一个可以使用角度指令呈现一些 html 代码并将其显示为文本的指令？

Question

我认为一些示例代码可以解释我的目的。

一些带有角度的html代码：

<div ng-init="buttons=['add','edit','delete']">
  <div show-result-as-text>
    <button ng-repeat="button in buttons">{{button}}</button>
  </div>
</div>

您可以看到我想定义一个自定义指令“show-result-as-text”。它应该使用角度指令呈现内部 html 代码，然后将它们显示为文本。

最终的 html 应该是：

<div ng-init="buttons=['add','edit','delete']">
  <div show-result-as-text>
    &lt;button&gt;add&lt;/button&gt;
    &lt;button&gt;edit&lt;/button&gt;
    &lt;button&gt;delete&lt;/button&gt;
  </div>
</div>

并且当buttons值改变时，转义的 html 也应该改变。

我试过自己写一个，但工作 2 小时后失败了。

更新

现场演示： http: //plnkr.co/edit/fpqeTJefd6ZwVFEbB1cw

Answer 1

我能想到的最接近的事情在这里举例说明：http: //jsfiddle.net/bmleite/5tRzM/

基本上它包括隐藏 src 元素并附加一个包含outerHTML每个 src 子元素的新元素。

注意：我不喜欢这个解决方案，但它有效，所以我决定分享它......