【问题标题】:Angularjs: Value of the 'later generated' options (select) [closed]Angularjs:“稍后生成”选项的值(选择)[关闭]
【发布时间】:2013-07-01 11:53:23
【问题描述】:

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

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

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

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

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

【问题讨论】:

  • 你必须把它放在小提琴或 plunkr 中让人们帮助你。
  • 你能添加你的“push”代码吗?
  • 对不起各位,是我的错,值来自变量,是错误的,谢谢,抱歉——
  • 但是有一点奇怪的行为:当角度包含元素时,值是正确的 - 正如在浏览器中看到的那样,但是当我问它(数据绑定)时,角度给了我我的(错误)价值

标签: select angularjs option


【解决方案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>

【讨论】:

  • 对不起各位,这是我的错,值来自变量,而且是错误的,谢谢,对不起
猜你喜欢
  • 1970-01-01
  • 2012-08-14
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-07-17
  • 1970-01-01
  • 2018-01-29
相关资源
最近更新 更多