2

我现在可以显示带有动态数据但图表数量固定的图表。当我想显示动态数量的图表时，ng-repeate 会发生一些事情。我说发生了一些事情，因为如果在mycharts[0].container.outerHTML中我有显示图形所需的 html（由库生成），并且如果我复制并粘贴到我的 html 中的固定位置，它将显示图表。我的ng-repeate代码如下所示：

<div class="row" ng-controller="nodesDataTablesCtrl as nodeCtrl" >
  <div  ng-repeat="(index, node) in nodeCtrl.nodes"  on-finish-render>
    <div class="row">
      <div class="col-lg-12">
        <div id="{{ node.name }}_MEMORY" class="ct-chart snp_dynamic_chart"></div>
      </div>
    </div>
  </div>
</div>

4

1 回答 1

1

我找到了一个解决方案，我不确定是 ng-repeate 还是 Chartist 的错误。

在我的 ng-repeate 中，我使用nodeCtrl.nodes，这是我从 http.get 收到的数组，我的解决方案是创建一个范围函数，即接收数字并返回从 0 到 n- 的列表的函数1. 我没有传递每次发出请求时都会更新的 nodeCtrl.nodes ，而是使用 range 函数更新变量numberOfNodes，我的意思是，我的新 ng-repeat 将如下所示：

<div  ng-repeat="(index, node) in nodeCtrl.numberOfNodes"  on-finish-render>

在我请求的成功功能中，我这样做：

numberOfNodes = range(nodeCtrl.nodes.length)

从我的角度来看，这使得 ng-repeate 不会在内部以某种方式更新。

以编程方式进行设置很重要，它不应该有所不同，但是......

于 2016-11-25T08:07:22.137 回答