javascript - ng-bind 但存储内部值

Question

某些服务器端代码 (GSP) 正在为我生成 HTML，如下所示:

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

我将其包装在 Angular Controller 中，并希望能够将范围变量绑定(bind)到 span :

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

问题是，绑定(bind)后，内部文本被删除，因为初始化时 Controller 中未设置小计(尽管从 Controller 写入它工作正常)。 ng-model似乎也没有读过。

问题

有没有办法绑定(bind)到一个节点，但将数据保存在该节点内？例如，在上面的示例中，$scope.subtotal 将等于 <g:generateAmount />。输出。然后我就可以更新 subtotal来自 Controller 并反射(reflect)这些更改。

参见示例:http://jsfiddle.net/robcampo/zg6GE/2/

Answer 1

只需在 $compile 之前创建自定义指令并从 DOM 获取值.

或者，您可以更改生成的 html 并将 <g:generateAmount />进入 ng-init 属性，比如

 <div ng-controller="MyCtrl" ng-init="subtotal=<g:generateAmount>">
    <span ng-bind="subtotal" />
 </div>