Question

我有一系列模型。我从一个模型开始，然后复制该模型并将其推送到堆栈。我的视图在一个页面中显示了一系列模型。但复制模型的视图不正确。更具体地说，＆lt; select＆gt;没有显示正确的值。控制器： $ scope.colors = [ { id：1，名称：'绿色' }， { id：2，名称：'红色' } ]。 var itemModel = { 名称： ''， color：null }; $ scope.items = [ angular.copy（itemModel） ]。 $ scope.copyItem = function（item）{ $ scope.items.push（angular.copy（项目））; }; Plunker：https：//plnkr.co/edit/sVBL9j3JmCjdLZtr7HCH？p = preview 有什么建议？

Answer 1

这个怎么样：

<select ng-model="item.color" ng-options="color.name as color.name for color in colors">
    <option value="">None</option>
  </select>

Answer 2

试试这个：

<select ng-model="item.color" ng-options="color as color.name for color in colors track by color.id">
  <option value="">None</option>
</select>

AngularJS <select>视图值未更新

2 个答案: