I have this route:
{ path: '/extra/:id/', async: function(routeTo, routeFrom, resolve, reject) { var router = this; // App instance var app = router.app; //mostrando o preloader app.preloader.show(); var extraId = parseInt(routeTo.params.id); nSQL("noticias").query('select').where(["vigencia", ">", 0]).orderBy({ data_envio: "asc" }).exec().then((noticiasEx) => { resolve( { componentUrl: './pages/det-extra.html', }, { context: { extraId:extraId, noticiasEx: noticiasEx, } } ); }); } }
And this template:
<template> <div class="page" data-name="catalog"> <div class="navbar"> <div class="navbar-inner sliding"> <div class="left"> <a href="#" class="link back"> <i class="icon icon-back"></i> </a> <a class="sw-ext" href="#"><i class="f7-icons">share_fill</i></a> </div> <div class="title"></div> <div class="right"> <span><img src="img/logo_header.png" class="logo_header"/></span> </div> </div> </div> <div class="swcontainer"> <div class="swiper-container" id="swiper-det-extra"> <div class="swiper-wrapper" id="swiper-ext-objs"> {{#each noticiasEx}} <div class="midia swiper-slide" id="xtr-{{id}}"> <div class="TextTitle ExtraTitle"> <h1 class="pg-text">COMUNICADO EXTRAORDINÁRIO</h1> <div class="sub pg-text">Informativo da Superintendência de<br/> Comunicação e Relações Institucionais</div> <div class="date pg-text">1-2-3 {{id}}</div> </div> <figure> <img src="{{imagem}}" class="lazy lazy-fade-in" style="width:100%"/> <div>foto: {{imagem_credito}}</div> </figure> <div class="block detText"> <h3>{{tema}}</h3> <h2>{{titulo}}</h2> <span>{{conteudo}}</span> </div> </div> {{/#each}} </div> <!-- Paginação --> <div class="swiper-pagination"></div> </div> </div> </div> </template>
The each work, I have a page on swiper, but it not write the variables. I have the same structure in other pages, but in this, I have this problem, the variables are not printed. Any idea guys?