Angularjs:“以后生成”选项的值(选择)

时间:2013-07-01 11:53:23

标签: select angularjs option

angularJs我遇到了一个特殊问题。我做了一个选择

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

一切都很好,但后来,我的脚本将一个新元素推送到datasForSelect数组中。

视图还可以,新选项在我的选择中,在正确的位置,很酷。但如果我选择此选项,{{mySelect}}会给我错误的价值。

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

1 个答案:

答案 0 :(得分:2)

它有效,请查看我的示例: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>