Question

我正在尝试使用数组中的内容填充选择字段。我对我的“模特”究竟是什么感到困惑。

我希望从ctrl.contents访问内容，这是一个对象数组。我认为这是我的“模特”。

ViewPage.html

<div>
  <select ng-model="ctrl.contents"
    ng-options="content.title.name in content.title.name as content in contents">

  </select>
</div>

来自ViewPage.controller.js的

var ctrl = this

如果我从ViewPage.controller.js到console.log(ctrl.contents)，将返回对象数组：

[
  > 0: ContentViewModel
    > title: Object  // Each numbered array object has similar contents 
      name: "Thomas"
      ...
  > 1: ContentViewModel
  > 2: ContentViewModel
  > 3: ContentViewModel
]

我似乎无法使用任何内容填充选择字段。我的ng模型错了吗？

Answer 1

您的模特＆＃39;是一个单独的变量，它将包含选择菜单的选定值 - 将其设置为ctrl.selectedItem。

您的ng-options参数应如下所示：

ng-options="content.title.name for content in ctrl.contents"

有关详情，请参阅this example - 结帐app.js中的html和js。

Answer 2

这应该是你的HTML

<div>
  <select ng-model="ctrl.selectedContent"
ng-options="content.title.name for content in ctrl.contents" ng-value="content">

  </select>
</div>

角度选择和ng-模型

2 个答案: