Angularjs highcharts ng模型数据不工作

我试图用.json文件中的数据填充许多图表。我让图表按照要求使用一些虚拟/硬编码的值（在plunker中注释掉），但是当我尝试添加.json文件/模型中的值时，它不起作用

html模板：

<highchart config="chartConfig"></highchart>

我真的被困在这个问题上了，已经尝试了好几天来解决它，如果有人能帮助我，我将非常感激

---

我创建这个来演示我在做什么。

好的，我想出来了。这里是一个更新-真的希望这有助于其他人了

基本上，我添加了一个“更新（部分）；”当单击任何零件按钮或在init上调用的函数，该函数传递当前零件并用其配置图表选项

选择零件的按钮：

<button class="btn btn-info" ng-click="selectLevel2($index); car.parts.selected=part.id; update(part);" ng-class="{selected: $index == partsSelected}">{{part.name}}</button>'

{{part.name}}

无需用户输入即可加载图表的ng init：

<div id="{{part.id}}" ng-if="car.parts.selected == part.id" class="my-switch-animation" ng-init="update(part);">
    <div ng-if="car.parts.selected == part.id" ng-class="{selected: $index == partSelected}" class="json">
        {{part}}
    </div>
    <highchart config="chartConfig"></highchart>
</div>

{{part}}

---

你可以在plunker代码中看到更新功能，我不想把文章弄得太混乱：-）

我在这里更新了你的原始plunkr：但当点击按钮时，它不会用新值更新。问题是你试图观察原始值。

<div id="{{part.id}}" ng-if="car.parts.selected == part.id" class="my-switch-animation" ng-init="update(part);">
    <div ng-if="car.parts.selected == part.id" ng-class="{selected: $index == partSelected}" class="json">
        {{part}}
    </div>
    <highchart config="chartConfig"></highchart>
</div>