Html 使用AngularJS解析嵌套JSON时出现问题
我的应用程序中有以下控制器:Html 使用AngularJS解析嵌套JSON时出现问题,html,json,angularjs,rest,Html,Json,Angularjs,Rest,我的应用程序中有以下控制器: angular.module('myApp.controllers', []). controller('ClientesController', [ '$scope', '$rootScope', 'Clientes', function($scope, $rootScope, Clientes) { $rootScope.clientes; Clientes.query(function(response) {
angular.module('myApp.controllers', []).
controller('ClientesController', [ '$scope', '$rootScope', 'Clientes',
function($scope, $rootScope, Clientes) {
$rootScope.clientes;
Clientes.query(function(response) {
$rootScope.clientes = response;
})
}]);
返回以下格式的JSON对象:
[{"idCliente":1,
"nomeFantasia":"Flores",
"razaoSocial":"Transportes Flores Ltda.",
"contatosClientes":
[
{"idContatoCliente":1,
"dddCelular":21,
"email":"ljames@cavaliers.com"},
{"idContatoCliente":2,
"dddCelular":21,
"email":"test@cavaliers.com"}
]
}]
以及一个模板,该模板尝试使用ng repeat解析JSON:
<tr ng-repeat="cliente in clientes | filter:searchText">
<td>{{cliente.idCliente}}</td>
<td>{{cliente.razaoSocial}}</td>
<td>{{cliente.nomeFantasia}}</td>
<td>{{cliente.contatosClientes.email}}</td>
<td>
<div class="right floated ui green icon buttons">
<div class="ui button">Editar</i></div>
</div>
</td>
</tr>
{{cliente.idCliente}
{{cliente.razaoSocial}}
{{cliente.nomeFantasia}}
{{cliente.contatosClientes.email}
编辑
问题是,我可以使用object.key sintaxe访问外部键(idCliente、razaoSocial等),但无法访问嵌套数组中的内部键(例如contatosClientes.email)
我尝试了很多方法,我开始认为我的RESTAPI有问题,但在更改所有后端代码之前,我想知道是否有人可以帮助我解决这个问题
致以最良好的祝愿,
Antonio BellonicontatosClientes是一个数组,您也必须为此执行ng repeat,例如:
<tr ng-repeat="cliente in clientes | filter:searchText">
<td>{{cliente.idCliente}}</td>
<td>{{cliente.razaoSocial}}</td>
<td>{{cliente.nomeFantasia}}</td>
<td ng-repeat="contato in cliente.contatosClientes>{{contato.email}}</td>
<td>
<div class="right floated ui green icon buttons">
<div class="ui button">Editar</i></div>
</div>
</td>
</tr>
{{cliente.idCliente}
{{cliente.razaoSocial}}
{{cliente.nomeFantasia}}
contatosClientes是一个数组,您也必须执行ng repeat