estoy intentando mostrar unos datos mockeados (sacados de un API) para mostrarlos por ventana y estoy un poco perdido.
Este HTML hace un include de otro HTML que es donde se hace la llamada a la parte de los servicios, en este caso los datos mockeados que pongo más abajo para mostrarlos por ventana.
HTML
<div>
<!-- Características de la vivienda -->
<ap-resumen-hogar-box class="div triple"
title="Características de la vivienda"
model="apResumenHogar.datosVivienda">
</ap-resumen-hogar-box>
<!-- Medidas de Seguridad -->
<ap-resumen-hogar-box class="div triple"
title="Medidas de seguridad"
model="apResumenHogar.datosMedidasSeguridad">
</ap-resumen-hogar-box>
</div>
en un JS tengo la llamada a los datos mockeados, en el cual cuando hago la llamada a una parte de ellos me aparece correctamente los datos (Nombre y dirección de la persona), pero intento llamar a dichos datos Mockeados para mostrar por ventana dichos datos desde otro HTML y sinceramente no sé como hacerlo
Datos Mokeados en el JS
vm.preconcedidos = [ {
"caracteristicasRiesgo" : {
"name" : "CaracteristicasViviendaRest",
"codigoTipoVivienda" : "PI",
"codigoSubTipoVivienda" : "PI",
"codigoUbicacionVivienda" : "NU",
"codigoRegimenVivienda" : "PO",
"anioConstruccion" : 1977,
"viviendaHabitual" : true,
"hipotecada" : false,
"metrosVivienda" : 107,
"metrosTerrazas" : 0,
"metrosJardin" : 0,
"numeroGarajes" : 0,
"numeroPuertas" : 1,
"numeroHabitantes" : 1,
"medidasSeguridad" : {
"name" : "MedidasSeguridadRest",
"puertasBlindadas" : false,
"rejasFijas" : false,
"tieneAlarma" : false,
"vigilancia24h" : false,
"cajaFuerte" : false
},
"codigoUsoVivienda" : "RH"
},
} ];
En este otro HTML es donde se cargan los datos de Características de la vivienda, Medidas de Seguridad etc...
HTML 2
<article class="module boxShadowPanel opened bigMode preventBottomPaddingInContent">
<div class="clearfix">
<h4 class="title">
<!-- {{ctrl.title}} -->
Características de la vivienda
</h4>
<div class="actions ">
<!-- <a class="textActionLink semiStrong actionsLinkOnPhone editIconOnPhones">
Modificar
</a> -->
<span class="collapseTrigger strong show-on-phones actionsLinkOnPhone textActionLink fl"
ng-click="field.showBoxes = !field.showBoxes">
<span class="arrowIcon microArrow topArrow"
ng-class="{
'topArrow': field.showBoxes,
'bottomArrow': !field.showBoxes}">
</span>
</span>
</div>
</div>
<div class="content collapsablePanelInner"
ng-init="field.showBoxes = true"
ng-slide-down="field.showBoxes"
duration="0.5"
ng-class="{'hidden': !field.showBoxes}">
<div>
<ul class="keyValueList clearfix loDashList odd">
<li ng-repeat="item in ctrl.model.sections" class="loDashItem">
<strong class="key">
{{item.titular}}
</strong>
<span class="value db ellipsis">
{{item.subtitular}}
</span>
</li>
</ul>
</div>
</div>
</article>
y sería en este controller donde se haría la llamada a los datos mockeados de antes y no sé muy bien cómo hacer dicha llamada para que se muestren los datos.
JS 2
(function(angular) {
'use strict';
angular
.module("app.preconcedidosHogar")
.component('apResumenHogarBox', {
templateUrl: 'app/preconcedidos/hogar/components/resumen/resumenHogarBox/resumenHogarBox.html',
controller: apResumenHogar,
controllerAs: 'ctrl',
bindings: {
title: '@',
model: '<'
}
});
function apResumenHogar($scope, EmitterSrv, $filter, ModalModel, AltaSrv, $rootScope, CoreSrv,
constants, $state, ngDialog, OracleSrv,PreconcedidosHogarSrv) {
var vm = this;
vm.scope = $scope;
vm.$onInit = function() {
//vm.modelData = angular.copy(vm.model);
};
}
})(window.angular);
Me podríais ayudar por favor
Muchas gracias, un saludo