使用AngularJS中动态生成的ID在DIV中渲染Highcharts

Question

我有一个AngularJS指令，用于创建属性中定义了动态id的{​​{1}}个模块。

示例：

<my-directive containerId="myId"></my-directive>

然后在指令模板的定义中我有：

<div id="{{ containerId }}"></div>

最后，我想在此div内使用动态id呈现Highcharts图表，但Highcharts似乎无法找到div 。我也试过使用ng-attr-id，但没有更好的结果。

有什么想法吗？

Answer 1

这不是一个最佳解决方案。比赛条件仍然存在。 但是它应该在大多数时间都有效。

伪代码

controller
  init logics
  draw a placeholder chart
  AJAX to data
    on success
      INIT highcharts
    on failure
      handle failure