angularjs - 即使模型没有变化，如何强制 Angular 重新绑定(bind)/更新

Question

好的——所以你可能会想为什么你想要这个，但我正在尝试使用 ng-html-bind 来呈现一些 HTML(在 HAML 中):

#my-visualization-panel{'ng-bind-html' => 'htmlSource'}

htmlSource 有一些使用 c3.js 可视化库呈现可视化的 html。 htmlSource看起来像这样

<script>
  var MY_DATA = localStorage.getItem('MY_DATA');
  c3.generate({
    data: {
      columns: MY_DATA
    }
 });
</script>

所以问题是我通过重新设置来更新可视化 localStorage['MY_DATA'] .然而，虽然 MY_DATA 的数据指可能发生变化，实际 htmlSource没有，因此 View 无法更新。

即使模型表面上没有，有没有办法强制 View 更新？

Answer 1

您可以使用 apply $scope 的方法目的:

$scope.apply();

如果您仍然收到正在进行的摘要错误，您还可以使用 $timeout将在下一个摘要循环中运行该函数的对象:

$timeout(function() {
    //code
});

根据您在此答案中的最新评论，您似乎正在寻找 $scope.watch方法。您可以添加一个观察者，以便在发生变化时进行监听。