如何使用Iron Router在Meteor中创建简单的userProfile路由

Question

我正试图使用Iron Router路由到当前用户的配置文件页面，但"pathFor"Spacebars助手没有传递a标记的href属性。

这是我的模板：

<div class="collapse navbar-collapse" id="navigation">
  <ul class="nav navbar-nav">
    {{#if currentUser}}
      <li><a href="{{pathFor 'requestSubmit'}}">Submit Request</a></li>
      <li><a href="{{pathFor 'userProfile'}}">View Profile</a></li>
    {{/if}}
  </ul>
  <ul class="nav navbar-nav navbar-right">
    {{> loginButtons}}
  </ul>
</div>

Submit Request按钮的href传递得很好，但由于某种原因，View Profile href没有传递。

我的router.js如下：

Router.route('/users/:_id', {
  name: 'userProfile',
  data: function() {
    return Meteor.users.findOne(this.params._id);
  }
});

在我的应用程序中，我通过路由到单个"请求"页面（我创建了一个名为请求的集合）

Router.route('/requests/:_id, {
  name: 'requestPage',
  data: function() {
    return Requests.findOne(this.params._id);
  }
});

这会正确地路由到Requests集合中的单个请求，所以我很困惑为什么userProfile路由不起作用。

此外，我试图通过在模板上创建一个点击事件来强制实现此功能：

Template.header.events({
  'click .userProfile': function(e) {
    e.preventDefault();
    var user = Meteor.user();
    Router.go('userProfile', {_id: user._id});
  }
});

并将正确的href传递给模板。

如有任何帮助，我们将不胜感激！

Answer 1

userProfile路由需要一个id参数。当您在仅具有路由名称的模板中调用pathFor时，它将尝试从当前上下文中提取参数。因为上下文不是用户（它是一个请求？），您最终会得到一个无效的路径。

您可以内联设置上下文：

<li><a href="{{pathFor 'userProfile' data=currentUser}}">View Profile</a></li>

或者，您可以使用with:在调用之外设置上下文

{{#with currentUser}}
  <li><a href="{{pathFor 'userProfile'}}">View Profile</a></li>
{{/with}}