Графики динамики с использованием чартиста и угловых с нг-повторением
Я сейчас и могу показать график с динамическими данными, но с фиксированным номером графика. Когда я хочу показать динамическое количество графиков, что-то происходит с 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 не обновляться каким-либо образом внутри.
Важно видеть, что программно это не должно быть иначе, но...