Tengo una simple página web cuyo frontend esta en AngularJS y el backend en Laravel. Al ir a una URL se ejecuta el siguiente código:
'use strict';
function FamiliaCtrl($scope, $rootScope, $window, API_CONFIG, $http, $stateParams, $location, ngDialog){
var user = angular.fromJson($window.multipleStorage().getItem('usuario'));
$scope.familias = [];
$scope.error = $rootScope.error;
function getFamilias(){
$http.get(API_CONFIG.url + '/familias/listar').then(
function (response) {
if (response.status > 199 && response.status < 300) {
$scope.familias = response.data;
console.log($scope.familias);
} else {
$scope.error.show = true;
$scope.error.message = response.data.error;
}
}
);
}
let init = function(){
switch($stateParams.accionFamilia){
case 'listar':
getFamilias();
console.log($scope.familias);
break;
case 'crear':
console.log('crear');
break;
}
}
init();
}
angular
.module('urbanApp')
.controller('FamiliaCtrl', ['$scope', '$rootScope', '$window', 'API_CONFIG', '$http', '$stateParams', '$location', 'ngDialog', FamiliaCtrl]);
Yo hago una llamada al servidor para obtener las familias, las cuales muestro en la vista de la siguiente manera:
<table class="table table-hover mb0" ng-show="!paginator.loading">
<thead>
<tr>
<th class="titulo-table col-md-1" ng-if="isTenant('Contreras')">{{'ID' | translate}}</th>
<th class="titulo-table col-md-8" ng-if="isTenant('Contreras')">{{'Nombre' | translate}}</th>
<th class="titulo-table col-md-3" ng-if="isTenant('Contreras')">{{'Código' | translate}}</th>
</tr>
</thead>
<tbody>
<tr style="cursor: pointer;" class="familia-selection" ng-repeat="familia in familias">
<td ui-sref="app.familias.detalle({id:familia.id})" ng-if="isTenant('Contreras')">{{familia.id}}</td>
<td ui-sref="app.familias.detalle({id:familia.id})" ng-if="isTenant('Contreras')">{{familia.nombre}}</td>
<td ui-sref="app.familias.detalle({id:familia.id})" ng-if="isTenant('Contreras') && familia.codigo != ''">{{familia.codigo}}</td>
<td ui-sref="app.familias.detalle({id:familia.id})" ng-if="isTenant('Contreras') && familia.codigo == ''">{{'Sin código'}}</td>
</tr>
</tbody>
</table>
Y las familias se ven correctamente. Mi pregunta es, por qué el console log de la línea 16 muestra $scope.familias bien pero el segundo console log (línea 41) muestra el array vacío?
No debería quedarse guardado en el scope el array?