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.