javascript - 如何让pathFor根据this.params._id创建URL路径？

Question

无法为单个项目创建可点击的链接:

router.js:

Router.route('/projects/:_id', {
  name: 'projectPage',
  template: 'projectPage',
  data: function() {
    return Projects.findOne({ _id: this.params._id })
  }
})

project_list.html:

<template name="projectList">
  <div class="col-md-10">
    <div class="row">
      <h2 class="page-header">My Lessons</h2>
      {{#each projects}}
        {{> project}}
      {{/each}}
    </div>
  </div>
</template>

project.html:

<template name="project">
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="thumb-1.png" alt="...">
      <div class="caption">
        <h3>{{title}}</h3>
        <p>{{description}}</p>
        <p><a href="{{pathFor 'projectPage'}}" class="btn btn-primary" role="button">Check out</a></p>
      </div>
    </div>
  </div>
</template>

project_page.html:

<template name="projectPage">
  <div class="col-md-10">
    <div class="row">
      <h2 class="page-header">{{title}}</h2>
      <h2 class="page-header">{{description}}</h2>
    </div>
  </div>
</template>

我得到这个奇怪的 URL:http://localhost:3000/projects/ObjectID(%22566b810371d07711cf9d6680%22)

我被带到 projectPage 但什么也没有显示。

我做错了什么？

Answer 1

问题是 iron router 在您项目的 _id 中看到一个 ObjectID，它希望在其中找到一个 String。您可以改用以下代码，即时将您的 ObjectID 转换为字符串:

project.html:

<template name="project">
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="thumb-1.png" alt="...">
      <div class="caption">
        <h3>{{title}}</h3>
        <p>{{description}}</p>
        <p><a href="{{pathFor 'projectPage' _id=this._id.toHexString}}" class="btn btn-primary" role="button">Check out</a></p>
      </div>
    </div>
  </div>
</template>

但随后您必须在您的 route 将其转换回 ObjectID:

router.js:

Router.route('/projects/:_id', {
  name: 'projectPage',
  template: 'projectPage',
  data: function() {
    return Projects.findOne({ _id: new Meteor.Collection.ObjectID(this.params._id) })
  }
})