模型更改时出现意外行为

Question

Mornin'，SO。

我正在处理一个我正在处理的小型可编辑对象小程序。

我已将代码段改为plunkr。

我也花了很多时间把它变成一个小小的GIF。

使用我选择的调试器（AngularJS Batarang for Chrome）我注意到变量$ scope.active在实际DOM或模型中有更新之前不会更新。

通过将这么多逻辑驻留在控制器级别，我是否接近完全错误？

Answer 1

您应该使用ng-options创建重复的选项：

<select ng-model="main.objects[active].parameter" 
        ng-options="parameter.text for parameter in main.parameters">
  <option disabled value="0">Pick one...</option>
</select>

这样，当重新激活其中一个链接时，将为您选择之前选择的选项。

以下是您的plunker的更新：http://plnkr.co/edit/KuQ2SAVRTzZhmCXGxHNU?p=preview