javascript - Why does my meteoric only randomly show the ionic html boilerplate? -
i working on meteor app smartphones ionic.
unfortunately boilerplate code of ionic shows background-color , button shown on of sites, , on not.
it appears random me maybe not.
how can ionic theme shown of templates?
a description of project details , tried far going follow now......
here list of packages:
aldeed:collection2 2.3.1* automatic validation of insert , update operations on client , server. anti:i18n 0.4.3 internalization: simplest package fourseven:scss 2.0.1_5* style attitude. sass , scss support meteor.js (with autoprefixer , sourcem... iron:router 1.0.9 routing designed meteor mdg:reload-on-resume 1.0.4 on cordova, allow app reload when app resumed. meteor-platform 1.2.2 include standard set of meteor packages in app meteoric:autoform-ionic 0.1.5 ionic theme autoform meteoric:ionic 0.1.17 ionic components meteor. no angular! meteoric:ionic-sass 0.1.9 ionic's css framework in sass , bundled meteor. meteoric:ionicons-sass 0.1.6 ionic's ionicons library in sass , bundled meteor. spacebars 1.0.6 handlebars-like template language meteor
here description of test made , screenshots concerning issue: template named: "about" ionic theme shown. did copy template code file named about2.html , named template about2. added route named about2. result about.html ionic works expected about2.html not.
i checked included css files, same both pages.
the javascript generated html code different.
here code of template:
<template name="about"> {{#contentfor "headerbuttonleft"}} <div class="buttons"> {{>myionbackbutton path="main" }} </div> {{/contentfor}} {{#contentfor "headertitle"}} <h1 class="title">{{i18n 'about.title'}}</h1> {{/contentfor}} {{#ionview}} {{#ioncontent}} <p> {{i18n 'about.content'}} hello world {{i18n 'backbutton'}} </p> {{/ioncontent}} {{/ionview}} </template>
here how set routes:
router.map(function(){ /*main menu*/ this.route('about'); this.route('about2'); });
here screenshots show issue have: route
the about2 route
i tryed:
- to debug application meteor debug without having clue how right concerning issue
- to reset application meteor reset
- to run application android app
why layout not show propperly every view?
i solved problem rewriting routes.js file.
the default layout not set.
router.configure({ layouttemplate: 'applayout' });
still confusing me is, why ionic showed layout sometimes, if not set.
i first followed this tutorial, 2013 , seems old. also, zerovapor in #meteor told me, not clear if router.map still supported. use iron-router specified in this later tutorial.
Comments
Post a Comment