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

我想一些示例代码可以解释我的目的

一些html代码带有角度：

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

您可以看到有一个自定义指令，我想定义它，将结果显示为文本。它应该使用角度指令呈现内部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>

当按钮值改变时，转义的html也应该改变

我曾试着自己写一本，但工作了两个小时后失败了

更新

---

现场演示：

我能想到的最贴切的例子如下：

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

---

注意：我不喜欢这个解决方案，但它是有效的，所以我决定与大家分享…

我能想到的最接近的例子如下：

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

---

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

我几乎成功了，但最后一步失败了：这给了我一些想法，但无法成功，尽管这是一个非常有趣的问题。也许一个过滤器是一个更好的方法？我几乎使它工作，但在最后一步失败：这给了我一些想法，但无法使它工作，虽然非常有趣的问题。也许过滤器是更好的方法？