ng-repeat中的高图（AngularJS）

Question

当我们在同一页面上有多个图表（使用highcharts）并且我们想要在循环内部进行。不行。

经典案例（它运作正常）：

<div ng-attr-id="container1"
        style="min-width: 400px; height: 400px; max-width: 200px; margin: 0 auto"></div>
    <div id="container2"
        style="min-width: 400px; height: 400px; max-width: 200px; margin: 0 auto"></div>

具体案例：循环

<div ng-repeat-n="2">
    <div ng-attr-id="container{{$index+3}}"
        style="min-width: 400px; height: 400px; max-width: 200px; margin: 0 auto"></div>
</div>

Example runing

Answer 1

当我将高图放在嵌套视图中时，我发现了这个问题 在我的例子中，我选择angular-route-segment

<div app-view-segment="0"></div>

当我将高图放在嵌套视图之外时，它可以正常工作。