javascript - ng-bind が内部値を保存する

Question

一部のサーバー側コード (GSP) は、次のように HTML を生成しています。

<span>
    <g:generateAmount />
</span>

これを Angular コントローラーでラップしており、スコープ変数を にバインドできるようにしたいと考えていますspan。

<span ng-bind="subtotal">
    <g:generateAmount />
</span>

問題は、バインド後、初期化時にコントローラーに小計が設定されていないため、内部テキストが削除されることです (ただし、コントローラーからの書き込みは正常に機能します)。ng-modelそれも読まないようです。

質問

ノードにバインドするが、そのノード内のデータを保持する方法はありますか? たとえば、上記の例では、 $scope.subtotal はどのような<g:generateAmount />出力にも等しくなります。subtotalその後、コントローラーから更新して、それらの変更を反映させることができます。

例を参照してください: http://jsfiddle.net/robcampo/zg6GE/2/