Based on this code, https://gist.github.com/claytonzaugg/5cd34c365fbc6d9aa693 is there any reason why I am not getting the list of Categories populated, even though the browser console shows 6 when I type Categories.find().count()?
What did I do incorrectly?
Thank you!
Iām not very familiar with the Router-stuff. But for me it looks like you are not publishing the contents of Category on the server-side. But if you are seeing the contents of Category in the browser console, the contents are indeed published. Maybe you might want to narrow the problem down. Try to log to the browser console from the Categories-helper method, to see if it is actually called from the template. You might want to take a look into the html structure as well to see if the templates are indeed rendered.
I would just check by hand in browser console and click open returned array of
Categories.find().fetch()
And than not related, but you are setting <li id="categories" what is not very DOM friendly if you will be creating more of them.
Write:
Template.ListCategories.helpers({
Categories: function() { console.log(Categories.find().fetch());
return Categories.find();
}
});
Categories collection showname field?<li>id="categories" (that really should be changed to aclass, by the way ā or, more likely the id="categories" should<ul> tag ā and, even then, Iād recommendclass)If yes to all of these, Iām out of ideas.
Yes
Yes
No, and I did change id to equal {{_id}}
Iām pretty sure that there is an issue with having a helper with the same name as a collection. In this case, that would be Categories. I suggest changing your helper and template to use categoryList (or similar).
Okay, so your template ListCategories isnāt getting rendered. Otherwise those <li> elements would be in the DOM.
So looking at where in your code ListCategories might be getting rendered, we find:
yieldTemplates: {
'photos': {
to: 'ListPhotos'
},
'categories': {
to: 'ListCategories'
}
}
And here, I looked up the syntax for yields from the iron:router docs. It appears that these are back-to-front and should read:
yieldTemplates: {
'ListPhotos': {
to: 'photos'
},
'ListCategories': {
to: 'categories'
}
}
I tried reversing this, still no updates to the DOM with the data from the Categories template. Thanks for the update on proper syntax though! Any other possible solutions?
I just tried this, and unfortunately it didnāt work. Good syntax advice for me though, thank you.
I updated as well, made sure names were matching, still not getting itā¦ Maybe I need to alter subscriptions perhaps, I only have categories and photos subscribed in the home_controller file. Could that be problematic?
EDIT
Nope, adding subscriptions to categories and photos controllers still no result.
Hey, wait a minute. Did you actually put the console.log in the helper and see the result in the browser console?
Template.ListCategories.helpers({
Categories: function() { console.log(Categories.find().fetch());
return Categories.find();
}
});
That would have done nothing if your template isnāt getting rendered. Somethingās not adding up here ā¦
I put the console log in the ListCategories.helpers but did not see the console log. However, on my home page, the MasterLayout, if I run Categories.find().fetch() I can get all six of my categories.
paste how your Router.configure looks like now.
And write some test text to your templates so you see if they are at least getting rendered
Router.configure({
layoutTemplate: 'MasterLayout',
loadingTemplate: 'Loading',
notFoundTemplate: 'NotFound',
yieldRegions: {
//each yield going to different templates
'ListPhotos': {
to: 'photos'
},
'ListCategories': {
to: 'categories'
}
}
});
Router.route('/', {
name: 'home',
controller: 'HomeController',
action: 'action',
where: 'client'
});
Router.route('/:name', {
name: 'photos',
controller: 'HomeController',
action: 'action',
where: 'client'
});Hereās the repo with all the files, since Iām absolutely baffled now.
dude i just saw your code you are not even rendering categories_list.html in anything, smh
this is your router file
Router.route('/', {
name: 'home',
controller: 'HomeController',
action: 'action',
where: 'client'
});
Router.route('/:name', {
name: 'photos',
controller: 'HomeController',
action: 'action',
where: 'client'
});
and in your home controller you are rendering the layout:
action: function () {
this.render('MasterLayout');
},
NONE of your templates are rendering.
basically the iron router rendered the layout, and it saw your home controller, and went in, and saw you rendering the layout again.
Route ā/ā -> render layout -> yield home_controller -> render action -> render layout
you gotta render your actual template you want to render in the action.
And where does categories_list.html should go? in the home.html? them you gotta actually put it in there. If it goes into its own route, then you are gotta make a ā/categoriesā route or something and in the action you are gotta render THE TEMPLATE categories_list.html
With that being said, seeing as you are starting a new project, please look into flowrouter + blaze layout and template level subscriptions. They will save you more headaches down the road.
ā¦I have no words. Thanks for your help in tracking down my problem. Obvious oversight, but still one none the less, and a great learning experience as I keep trying to understand Meteor. Appreciate the diligence put in!
dude honestly give FlowRouter and BlazeLayout 5 min. Especially if you are learning, Iron router is not being maintained really anymore.
Cool, Iāll check those both out tonight, especially with the news of iron router not being updated much anymore. Again, appreciate it!