How to use ng-repeat in an object list?

Question

How to use ng-repeat in the Region attribute of the object?

Example: ng-repeat="item in objeto.RegioesFilhas

Object:

   var objeto = {
       "DescricaoRegiaoVaga": "",
       "IdCidadeCorreios": "1",
       "RegioesFilhas": [{
           "Cidade": "Brasília",
           "UF": "DF",
           "ID": "1"
       }, {
           "Cidade": "Asa Sul",
           "UF": "DF",
           "ID": "2"
       }],
       "Cidade": {
           "UF": "DF",
           "Cidade": "Brasília"
       }
   }

Answer 1

You can do it that way:

Instead of using var objeto change to $scope.objeto because this way you will make Binding with the Html in the ng-repeat.

Then just do the binding with the data in the component you want, in this case I used a list.

Recommended reading:

https://docs.angularjs.org/tutorial/step_04

https://docs.angularjs.org/guide/scope

---

Example:

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

$scope.objetos = {
       "DescricaoRegiaoVaga": "",
       "IdCidadeCorreios": "1",
       "RegioesFilhas": [{
           "Cidade": "Brasília",
           "UF": "DF",
           "ID": "1"
       }, {
           "Cidade": "Asa Sul",
           "UF": "DF",
           "ID": "2"
       }],
       "Cidade": {
           "UF": "DF",
           "Cidade": "Brasília"
       }
   }

}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
 <ul ng-repeat="objeto in objetos.RegioesFilhas">
  <li>{{objeto.Cidade}}</li>
  <li>{{objeto.UF}}</li>
  <li>{{objeto.ID}}</li>
</ul> 
</div>

Answer 2

Hello, try to define how $scope.objeto or instead of var = objeto. Here it spun pretty

Answer 3

This example demonstrates exactly its purpose: https://jsfiddle.net/9am2enqy/11/

Just add the variable to the scope.