javascript - Meteor 路由到单个页面

Question

我正在使用 meteor 创建一个投资组合，并成功循环访问数据库中的投资组合项目(使用固定装置创建)。我在尝试按下某个项目并转到其特定页面时遇到问题。我确信这很简单，但我对 Meteor 还很陌生。

我的结构如下:

集合:

PortfolioItems = new Mongo.Collection('portfolioItems');

出版:

Meteor.publish('portfolioItems', function() {
    return PortfolioItems.find();
});

作品集页面模板:

<template name="portfolio">
<h1>Portfolio</h1>
<hr>
{{#each portfolioItems}}
    {{> portfolioItem}}
{{/each}}

<a href="{{pathFor 'home'}}">Go Back Home</a>
</template>

作品集页面模板助手:

Template.portfolio.helpers({
    portfolioItems: function() {
        return PortfolioItems.find({});
    }
});

投资组合项目模板:

<template name="portfolioItem">
<h1>{{title}}</h1>
</template>

最后是我的路线:

Router.configure({
    layoutTemplate: 'layout',
    loadingTemplate: 'loading',
    notFoundTemplate: 'notFound'
});


Router.route('/', function() {
    this.render('home');
}, {
    name: 'home'
});

Router.route('/about', function() {
    this.render('about');
});

Router.route('/portfolio', function() {
    this.render('portfolio');
}, {
    name: 'portfolio',
    waitOn: function() {
        return Meteor.subscribe('portfolioItems');
    }
});

Answer 1

首先创建路线。

Router.map(function () {
  this.route('portfolioItem', {
    path: '/portfolioIndividual/:_id',
      waitOn: function(){
    return Meteor.subscribe('portfolioItems');
    },
    data: function(){
     if(this.ready()){
       return PortfolioItems.findOne({_id: this.params._id});
     }else{
       this.render('loading') 
     }      
    }
  });
}); 

html:

<template name="portfolio">
{{#each portfolioItems}}
  <a href="/portfolioIndividual/this._id">Take a look at this awesome photo</a>
 {{/each}}
</template>

<template name="portfolioItem">
  <!-- portfolio item content -->
</template>