2

サンプルコードで私の目的を説明できると思います。

angularを使用したいくつかの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" があることがわかります。angularディレクティブを使用して内部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

4

1 に答える 1

4

私が考えることができる最も近いものはここに例示されています: http://jsfiddle.net/bmleite/5tRzM/

outerHTML基本的には、src 要素を非表示にして、各 src 子のを含む新しい要素を追加します。

注：解決策は好きではありませんが、うまくいくので、共有することにしました...

于 2013-01-30T00:41:34.273 に答える