select - Angularjs：“稍后生成”选项的值（选择）

Question

我有一个特殊的问题angularJs。我做一个选择

<select
data-ng-model="mySelect"
data-ng-options="d.value as d.name group by d.gr for d in datasForSelect"
>

一切正常，但后来，我的脚本将一个新元素推送到datasForSelect数组中。

视图还可以，新选项在我的选择中，在正确的地方，很酷。但是，如果我选择此选项，则{{mySelect}}会给我错误的值。

我想，我需要写一些东西而不是简单的{{}}类型数据绑定，但我是新手，我不知道最好的解决方案是什么。

Answer 1

它有效，请在此处查看我的示例：http: //plnkr.co/edit/TAZf8M12bQl3aCvrWg9y JS：

function TestCtrl($scope) {
  $scope.mySelect = '1';
  $scope.datasForSelect = [
    {name: 'test1', value: '1'},
    {name: 'test2', value: '2'},
    {name: 'test3', value: '3'}
  ];

  $scope.add = function() {
    $scope.datasForSelect.push({name: 'test4', value: '4'});
  }
}

HTML：

    <div ng-controller="TestCtrl">
      <select ng-model="mySelect" ng-options="date.value as date.name for date in datasForSelect"></select>
      <button ng-click="add()">Add</button>
      <span ng-bind="mySelect"></span>
    </div>