2015-07-14 2 views
0

Я работаю над метеоритом для смартфонов с ионным.Почему мой метеоритный только случайным образом показывает ионный html-шаблон?

К сожалению, на некоторых моих сайтах показан код шаблона ионного, который показывает фоновый цвет и кнопку «Назад», а на некоторых нет.

Это кажется случайным для меня, но, возможно, это не так.

Как я могу получить ионную тему для всех моих шаблонов?

Описание деталей проекта и то, что я пытался до сих пор собирается следовать в настоящее время ......

Вот список моих пакетов:

aldeed:collection2  2.3.1* Automatic validation of insert and update operations on the client and server. 
anti:i18n    0.4.3 Internalization: simplest package 
fourseven:scss   2.0.1_5* Style with attitude. Sass and SCSS support for Meteor.js (with autoprefixer and sourcem... 
iron:router    1.0.9 Routing specifically designed for Meteor 
mdg:reload-on-resume  1.0.4 On Cordova, only allow the app to reload when the app is resumed. 
meteor-platform   1.2.2 Include a standard set of Meteor packages in your app 
meteoric:autoform-ionic 0.1.5 Ionic theme for Autoform 
meteoric:ionic   0.1.17 Ionic components for Meteor. No Angular! 
meteoric:ionic-sass  0.1.9 Ionic's CSS Framework in SASS and bundled for Meteor. 
meteoric:ionicons-sass 0.1.6 Ionic's Ionicons library in SASS and bundled for Meteor. 
spacebars    1.0.6 Handlebars-like template language for Meteor 

Вот описание теста, которое я сделал, и скриншоты, касающиеся выпуска: Для моего шаблона с именем: «about» показана ионная тема. Я скопировал код шаблона в файл с именем about2.html и назвал шаблон about2. Я добавил маршрут с именем about2. Результат состоял в том, что для около.html ионных работает как ожидалось, но для about2.html нет.

Я проверил прилагаемые файлы css, был одинаковым для обеих страниц.

По javascript сгенерированный html-код был другим.

Вот код моего о шаблоне:

<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> 

Вот как настроить маршруты:

Router.map(function(){ 

    /*Main menu*/ 

    this.route('about'); 
    this.route('about2'); 


}); 

Вот скриншоты, которые показывают вопрос, что я делаю имеют: о маршруте enter image description here

about2 маршрут enter image description here

Я также судимый:

  • для отладки приложения с метеора отладкой, не имея понятия , как сделать это право в отношении моего вопроса
  • сбросить мой приложение с meteor reset
  • для запуска приложения в качестве приложения для Android

Почему мой макет не отображается при каждом взгляде?

+1

У вас есть один шаблон, который называется about, а другой называется about2, и у них есть точно такой же код в них, но отображаются разные вещи? –

+0

Правильно. about2 находится в about2.html в папке client/templates/about2 about in in.html in client/templates/about Нет javascript-кода, который изменяет шаблоны, которые я написал. Я даже пробовал это с разными браузерами, чтобы гарантировать, что это не проблема кеширования. –

+0

http://altergear.net/media/tmp/p131_uploaded.zip Этот проект метеоритного сброса 77kb воспроизводит ошибку. –

ответ

0

Я решил проблему, переписав файл routes.js.

По умолчанию макет не был установлен.

Router.configure({ 
    layoutTemplate: 'appLayout' 
}); 

Все еще запутывающе для меня, почему ионный показывал макет иногда, если он не был установлен.

Я впервые последовал за this учебным пособием, но это с 2013 года, и поэтому кажется слишком старым. Кроме того, как сказал мне zerovapor в #meteor, неясно, поддерживается ли Router.map. Поэтому я буду использовать Iron-Router, как указано в this later tutorial.

Смежные вопросы