為什么我的流星只隨機顯示離子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代碼不同。

這是我的about模板的代碼：

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

我也嘗試過：

• 使用流星調試來調試應用程序，而又不知道如何正確處理我的問題
• 用流星重置重置我的應用程序
• 將我的應用程序作為android應用程序運行

為什么我的布局無法正確顯示每個視圖？

Answer 1

我通過重寫routes.js文件解決了這個問題。

未設置默認布局。

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

對於我來說仍然令人困惑的是，如果沒有設置，為什么離子有時會顯示布局。

我首先遵循了本教程，但是它來自2013年，所以似乎太舊了。 另外，正如#meteor中的zerovapor告訴我的那樣，不清楚Router.map是否仍受支持。 因此，我將使用此后續教程中指定的Iron-Router。