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/

Answer 1

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

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

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