更新/使用绑定到视图的 HTML 数据(从 REST 调用返回) "ng-bind-html"

Question

part of view.html

  <div id="localResults" class="bucketLocalResultsDiv"
                ng-bind-html="content">
                <div
                    style="position: absolute; padding-left: 50%; padding-top: 25%;">
                    <img alt="" src="pages/images/load.gif"></img>
                </div>
            </div>

"content"是HTML类型，由控制器通过REST调用获取，然后设置为$scope.content。

我要的是:

获取在"content"中定义的HTML元素并更新它的属性

获取在"content"中定义的特定元素，并使用它的value/innerhtml来更新视图页中定义的其他元素

Answer 1

ng-bind

ng-bind是一个单向数据绑定，你需要做的是创建一个$scope变量来进行双向数据绑定。

创建一个控制器并注入你的服务/工厂($http调用)。然后你可以给视图添加范围它会随着你在控制器中更新范围而更新因此双向数据绑定

Answer 2

按照这里的建议，使用$sce服务将HTML标记为受信任并更新HTML内容。这是我做的一个演示。如图所示，您可以绑定HTML，然后从更新后的HTML中获取元素，并根据需要进行各种DOM操作。这个演示使用了一个虚拟的REST端点来获取HTML，但是您明白了。