Графики динамики с использованием чартиста и угловых с нг-повторением

Я сейчас и могу показать график с динамическими данными, но с фиксированным номером графика. Когда я хочу показать динамическое количество графиков, что-то происходит с ng-repeat. Я сказал, что что-то происходит, потому что если в mycharts[0].container.outerHTML у меня был HTML, который мне нужен, чтобы показать график (сгенерированный библиотекой), и если я скопирую и вставлю в фиксированное место в моем HTML, он будет показать график. Мой нг-повторяющийся код выглядит следующим образом:

<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>

1 ответ

Решение

Я нашел решение, я не уверен, если это ошибка ng-repeat или Chartist.

В моем ng-repeat я использую nodeCtrl.nodes, который является массивом, который я получаю от http.get. Моим решением было создать функцию диапазона, которая получает функцию Number и возвращает список от 0 до n-1. Вместо того, чтобы передавать nodeCtrl.nodes, который обновляется каждый раз, когда я делаю запрос, я обновляю переменную numberOfNodes с помощью функции range, то есть мой новый ng-repeat будет следующим:

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

и в функции успеха моего запроса я делаю:

numberOfNodes = range(nodeCtrl.nodes.length)

которые, с моей точки зрения, заставляют это ng-repeat не обновляться каким-либо образом внутри.

Важно видеть, что программно это не должно быть иначе, но...

Другие вопросы по тегам