Question

我目前正在使用Chrome仿真模式来模拟iphone 5.但是，在此模式下会发生一些奇怪的事情。它仅在仿真模式下发生，并且仅在一条路线上发生。其余路线正确渲染。

这是我的代码的简化版本。

我的布局：

<template name="layout">
    {{> header}}
    <div id="main">
        {{> yield}}
    </div>
    {{> footer}}
</template>

我的相关router.js：

Router.map(function() {
  this.route('Lobby', {
    path : '/lobby',

    waitOn : function() {
      return [
        Meteor.subscribe('gameList', this.params._id),
        Meteor.subscribe('gameInfo', this.params._id),
        Meteor.subscribe('userNames', this.params._id)]
    },

    data : function() {

    }
  });
})

我的大厅模板：

<template name="Lobby">

    {{#if currentUser}}

    {{#if countGames}}
    <div class="findGame"><h3>Bring the action!</h3>
        <button class="btn btn-orange btn-outlined findGame-js">Find a Game!</button>
    </div>
    {{else}}
    <ul class="table-view" id="list-games">
        <br/>
        {{#each activeGame}}
        {{> gameInfo}}
        {{/each}}
    </ul>
    {{/if}}

    {{else}}
    <h4>Login or create account to continue</h4>
    {{/if}}


</template>

我的大堂帮手：

Template.Lobby.helpers({

  countGames : function() {
    userId = Meteor.userId();
    return 0 === Games.find({$or : [
      {theBoss : userId},
      {thePlayer : userId}
    ]}).count();

  },

  activeGame : function() {
    userId = Meteor.userId();
    return Games.find({$or : [
      {theBoss : userId},
      {thePlayer : userId}
    ]});

  }
})

如果我使用以下方式转到指定的路由器：

<a href="{{pathFor 'Lobby'}}"><h4>Title</h4></a>

网址上的结果页面将为空。完全是空的。如果我刷新页面，页面将正确呈现。这只是一个铬的错误或者这是我不得不担心的事情吗？

Meteor模板无法在Chrome DevTools仿真模式下渲染

0 个答案: