7

假设我有一个名为GameStatus. 我有不同角色的用户,但我为所有用户发布了 GameStatus 集合。我只是在 server/publications.coffee 中使用以下内容

Meteor.publish 'gamestatus', ->
    GameStatus.find()

对于两个角色(“S”和“B”),当我使用以下模板帮助程序(在文件client/views/seller.coffeeclient/views/buyer.coffee中定义)时我没有问题

currentRound: ->
    return GameStatus.findOne().currentRound

对于这些,我永远不会收到以下错误。

Uncaught TypeError: Cannot read property 'currentRound' of undefined 

但是对于另一个角色('admin'),使用相同的模板助手(在文件client/views/admin.coffee中定义)给出了上面的显示未捕获的类型错误。如果我改写它,它会起作用:

currentRound: ->
    return GameStatus.findOne()?.currentRound

我有点理解为什么会这样。我认为,在加载页面时,该集合首先不可用,然后才可用。但是为什么上面显示的其他模板不会发生这种情况呢?

如果有人可以帮助澄清这一点,我将不胜感激。

4

1 回答 1

14

我相信集合何时准备好并不总是一致的,所以如果你想覆盖所有的基础,总是为集合没有准备好的情况编写代码。

有一种处理未准备好的集合的快速而简单的方法,您可以在 todos 示例中找到更复杂的解决方案。

快速而肮脏的解决方案看起来像这样。

currentRound: ->
  gameStatusrecord = GameStatus.findOne();
  if(gameStatusRecord) 
    gameStatusRecord.currentRound

这将起作用。在集合准备好之前,currentRound 将返回 null,并且您的模板将短暂呈现并且可能只显示当前回合的空白。所以不是理想的用户体验,但也不是什么大不了的事。

对于更复杂的解决方案,您可以使用“就绪”功能检查您订阅的集合是否准备好进行查询。如果集合还没有准备好,你可以渲染一些其他的模板,比如“正在加载”,它保证在集合准备好之前不会调用 currentRound 助手。

例如,在 todos 示例中,客户端订阅了 todos.js 第 24 行的“lists”集合:

var listsHandle = Meteor.subscribe('lists', function () {

然后在 todos.js 的第 80 行为列表模板定义了一个辅助函数

Template.lists.loading = function () {
  return !listsHandle.ready();
};

然后在 todos.html 第 20 行的列表模板中,除非列表句柄准备好,否则它不会尝试呈现任何模板。

<h3>Todo Lists</h3>
{{#if loading}}
  <div id="lists">Loading...</div>
{{else}}
  <div id="lists">
    {{#each lists}}
    <!--etc.-->
于 2013-07-20T18:58:01.393 回答