使用AngularJs使用Json回调填充Select字段

Question

我在这个领域很新（一个mounth），我正在开发使用angularJs的应用程序，我用一个列表找回Json请求，我必须输入名称（{{ 1}}）当用户选择我获取ID（{{empresa.name }}）时。

我想使用ng-repeat，例如（{{empresa.IdEmpresa}}）。

我从JavaController获取Json的列表，我的实体名为Empresa，我在角度上声明了一个空对象（ng-repeat="empresa in empresas"）并将回调给这个emprty对象，对？！

我的选择字段就是那个

$scope.empresas = {}

我如何在此使用重复？

Answer 1

假设您的JSON数据看起来像这样

$scope.empresas = [
  { EmpresaId: 1, name: 'one' },
  { EmpresaId: 2, name: 'two' },
  { EmpresaId: 3, name: 'three' }
]

除了在ng-repeat上使用<options>外，您还可以使用ng-options

<select ng-options="e.EmpresaId as e.name for e in empresas" ng-model="???"></select>

Answer 2

您可以在ng-repeat="empresa in empresas"代码上使用<option>。

以下是一个例子：

<select>
    <option ng-repeat="empresa in empresas" value="{{empresa.EmpresaId}}">{{empresa.name}}</option>
</select>

控制器代码

$scope.empresas = [
  { EmpresaId: 101, name: 'India' },
  { EmpresaId: 102, name: 'US' },
  { EmpresaId: 103, name: 'UK' }
];