用Json回调填充选择字段使用AngularJs

我是一个相当新的在这方面（一个山），我正在开发与angularJs的应用程序，我回来与列表Json申请，我必须当用户选择我得到的ID（{{empresa.IdEmpresa}}）时，输入名称（{{empresa.name }}）。用Json回调填充选择字段使用AngularJs

我想要使用ng-repeat，例如（ng-repeat="empresa in empresas"）。

我从JavaController获取Json列表，我的Entity被命名为Empresa，我在angular上声明了一个空对象像这样（$scope.empresas = {}）并给这个emprty对象赋予回调，对不对？

我选择字段就是这样

 <label>Empresa</label> 
<select class="form-control"> 
<option value="{{empresa.EmpresaId}}">{{empresa.name}}</option> 
</select>

如何使用重复在这？

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

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

除了使用上<options>ng-repeat，你也可以利用ng-options

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

2016-07-01 18:05:15 Icycool

我会在AngularJs的文档中看到ng-option的用法，我从来没有看到这个指令。我忘记了将接收该选择的模型是ng-model =“colaborador.empresa”。所以会是这样的：或者我不需要{{empresa.name}}？ –

拿走'{{empresa.name}}'会做 – Icycool

我的Json就是这样，但有更多的属性，我不会使用。 ng-options会为我设定限制吗？ –

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

下面是一个例子：

<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' } 
];

2016-07-01 17:59:29 Lifz

<选项纳克重复= “Empresa与在EMPRESAS” 值= “{{empresa.EmpresaId}}”> {{empresa.name}} 那样？ –

在开始时也添加一个

回答