AngularJS 来自 CakePHP 数据的 ng-options

Question

我有一些从 cakePHP 服务器收到的 json 数据。这是我当前 $scope.catalog.ConstructionMethod ...

中发现的片段

[
  {
    "ConstructionMethod": {
      "id": "99",
      "title": "All Plywood",
      "price": "0.12"
    }
  },
  {
    "ConstructionMethod": {
      "id": "139",
      "title": "Plywood Sides",
      "price": "0.05"
    }
  }
]

我正在尝试像这样创建一个 select 框...

<select ng-model="Project.ConstructionMethod" ng-options=" ... ">

我尝试了以下但没有成功...

ng-options="item.title as item.ConstructionMethod for item in catalog.ConstructionMethod"

ng-options="item.ConstructionMethod.title for item in catalog.ConstructionMethod"

我可以使用 ng-repeat 进行迭代，效果很好。 :s

<p ng-repeat="item in catalog.ConstructionMethod">item.ConstructionMethod.title</p>

如有任何指点或建议，我们将不胜感激...谢谢。

Answer 1

Angular 的 select 需要 ng-model 才能工作。

尝试使用以下代码：

<select ng-model="result" ng-options="item.ConstructionMethod as item.ConstructionMethod.title for item in catalog.ConstructionMethod"></select>

让我知道它是否有效:)

Answer 2

详述 aleberguer 的 回答（指出我需要一个模型）——我在盯着我的应用程序时仍然很难选择正确的选项。整个 "using select as and track by don't work together" 事情...所以这个解决方案不仅填充了选项，而且还可以在打开应用程序时选择它们。

<select ng-model="result" ng-options="item.ConstructionMethod.title for (k, item) in catalog.ConstructionMethod track by item.ConstructionMethod.id"></select>

AngularJS 来自 CakePHP 数据的 ng-options

AngularJS ng-options from CakePHP Data

cakephp

angularjs

ng-repeat

angularjs-ng-repeat