Почему мой метеоритный генератор случайным образом показывает образец ионного HTML?

Question

Я работаю над метеорным приложением для смартфонов с ионным.

К сожалению, стандартный код ionic, который показывает цвет фона и кнопку возврата, показан на некоторых моих сайтах, а на некоторых нет.

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

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

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

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

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. Результатом было то, что для about.html ionic работает, как и ожидалось, но для 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');


});

Вот скриншоты, которые показывают проблему, которая у меня есть:

маршрут about2

Я также попробовал:

• отладить приложение с помощью meteor debug, не имея понятия, как сделать это правильно в отношении моей проблемы
• сбросить мое приложение с сбросом метеора
• запустить мое приложение как приложение для Android

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

Answer 1

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

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

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

Меня по-прежнему сбивает с толку то, почему ionic иногда показывал макет, если он не был установлен.

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