Meteor router and url paramaters

Question

I'm having some trouble trying to use the URL parameters in meteor with iron:router.

On the home page if my app, I display a thread of posts. But I want to allow people to select a single thread by specifying its ID in the url. Like that, when someone click on a link to a specific thread like myapp/the_asked_id, he only see the data related to the thread. Otherwise, he see all threads.

I think it would be something where I get the data from the url like in PHP, and then check for the value / existence of this parameter : if it exists / has a correct value, I display the thread, otherwise I display all of them.

Here is what I've tried so far :

HTML link :

<a href="#" class="dropdown-toggle green-link" data-toggle="dropdown" title="Notifications" data-target="{{link}}">the link</a>

with {{link}} to be the _id from my collection to identify the required thread / doc to display.

Js link event :

'click .talkLink' : function(event, template){
      if($(event.target).hasClass('talkLink'))
      {
        console.log(event.target.dataset.target);
        console.log(event.currentTarget);
      }
      else {
        console.log(event.currentTarget);
      }
      Router.go('/', {_id: event.target.dataset.target});
    },

Router :

this.route('home', {
      path: '/:_id?',
      data: {
        threadId: (this.params._id || "")
      }
    });

But I can't get it working, as it currently always display me the not found template...

Could someone explain me what is going wrong and how I should proceed ?

Thank you,

David

At first glance, I don't see that you have a template called home. Where are the <template name="home"></template> tags? — fuzzybabybunny
– fuzzybabybunny, Commented Jun 17, 2015 at 12:44
Also, data points to a function that returns something, not an object. github.com/iron-meteor/iron-router/blob/devel/… — fuzzybabybunny
– fuzzybabybunny, Commented Jun 17, 2015 at 12:47

chazsolo · Accepted Answer · 2015-06-17 12:49:50Z

3

A few suggestions:

this.route('home', {
    path: '/:_id',
    data: function() {
        // assuming you have a collection called "Threads"
        return Threads.findOne(this.params._id);
    }
});

You need a template called 'home'. It's data context will be the return of the data callback
You do not need to place a ? in the path
data is a callback, in which you can access this.params within to find the correct document.

answered Jun 17, 2015 at 12:49

chazsolo

8,6541 gold badge25 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

David Panart Over a year ago

I have a template Home, i just didn't copied it here :P Doesn't the ? means that this parameters is optionnal ?

chazsolo Over a year ago

Honestly I didn't know about the ?. Either way, you could rethink the route name, instead of placing the _id on the home route, instead place it on a /threads/:_id path

Collectives™ on Stack Overflow

Meteor router and url paramaters

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related