使用ng-options显示对象的一个​​属性并选择(不是数组)

时间:2016-12-21 13:21:53

标签: angularjs

我只想从我的对象中显示我的item.name,我不知道该怎么做。

这是我的笔,现在显示“名称”和“年龄”属性。

CodePen

<body>
    <div ng-controller="Test">
      <select ng-model="selectedItem" ng-options="k.name as v for (k,v) in items">
      </select>
    </div>
  </body>

1 个答案:

答案 0 :(得分:0)

$scope.items必须是一个数组,然后您可以像这样循环ng-options中的项目:

在Angular控制器

$scope.items = [
    {name: 'Michael', age: 29},
    {name: 'John', age: 29},
    {name: 'Ronald', age: 29}
];

在您的HTML

<select ng-model="selectedItem" ng-options="i.name for i in items"></select>

Forked your CodePen here.