1

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

2
  • aun sigues teniendo problema, en que puedo ayudarte.
    – zerokira
    Commented el 16 ago. 2018 a las 19:38
  • Muchas gracias, ya se solucionó, me puse con un compañero de trabajo y entre los 2 lo sacamos, gracias
    – derek
    Commented el 17 ago. 2018 a las 7:04

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.