javascript - Meteor：在 Todos 示例中创建新屏幕

Question

我正在使用 Meteor 框架中的 todos 示例。哪些 API 方法呈现新页面？例如，如果我单击记录的链接，它应该在主框架内呈现一个新页面。我知道 SPA 是 Meteor 的想法，所以我不确定我是否使用了最好的方法。

本质上，我想要的是一种让用户从行表中导航到记录中并查看所有相关数据的方法。

Answer 1

在 HTML 中

{{#if isList}}
   {{> listTemplate}}
{{/if}}

{{#if isDetail}}
   {{> detailTemplate}}
{{/if}}

在客户端的 javascript 中

Template.isList = function() {
   return Session.get("state") || Session.get("state") == "list"; 
}

Template.isDetail = function() {
   return Session.get("state") && Session.get("state") == "detail";
}

Template.listTemplate.events({
   "click #clickedRow" : function( event ) {
      Session.set("state", "detail")
   }
});

Template.detailTemplate.events({
   "click #backButton" : function( event ) {
      Session.set("state", "list")
   }
});

因为 Meteor 会在更改时重新渲染您的页面state，因此单击项目将具有更改页面的效果。