Hey all, I’m trying to work through an issue in the user-private-messages controller in a theme. Here’s what I’m trying to do. In the user/messages template, add content if there are fewer than 5 private messages in the list. Example: {{#if showMessagesCTA}} Hey here I am! {{/if}} I’m modifying the user-private-messages controller to add the showMessagesCTA method, as this appears where the template pulls logic from. The data I need is in the user-topics-list model, in particular the topics array. Example: api.modifyClass("controller:user-private-messages", { showMessagesCTA: function() { let userTopicsListModel = api.container.lookup("controller:user-topics-list").get('model'); if (userTopicsListModel && userTopicsListModel.topics){ return userTopicsListModel.topics.length() < 5; } else { return false; } }.property() }); The problem I’m running into is the model always returns null. I’m guessing this is a timing issue because the user-private-messages controller loads prior to user-topic-list. When I log just the user-topics-list controller, it shows up but is greyed out. Clicking into it shows all the data, but it’s clearly not accessible in the app. [Clipboard%20-%20September%207%2C%202018%2011-03%20AM] Is there a better way to approach accessing this data I’m not accounting for?

Looks like user-private-messages.js.es6 provides a direct reference to the userTopicsList controller, so you probably want to use that to lookup rather than going through the container. # user-private-messages.js.es6#6 userTopicsList: Ember.inject.controller("user-topics-list"), This also means that you can set a watch on the property() so that the computed property updates automatically when the userTopicsList changes api.modifyClass("controller:user-private-messages", { showMessagesCTA() { return this.get("userTopicsList.model.topics.length") < 5 }.property("userTopicsList.model.topics.length") }) Bonus points, I believe property() passes its arguments into the method (and if not, using the @on decorator does), so you could end up with something like api.modifyClass("controller:user-private-messages", { @on("userTopicsList.model.topics.length") showMessagesCTA(length) { return length < 5 } })

These are some good ideas - I’ll give them a go and report back. Thanks sir!

Accessing model out of load order

Development

justin (Justin DiRose) September 12, 2018, 1:43pm 4

@gdpelican I really appreciate your help with this – your suggestions worked like a charm!

Topic		Replies	Views
Get glimmer component access to stuff from the parent Development	11	751	March 10, 2025
How to access a different model in a connector? Development	4	658	August 5, 2021
Correct way to build components Development	3	2434	January 10, 2017
Accessing variables in a connector Development	9	1328	February 11, 2021
Issues overriding getters in a controller (3.0.0) Bug	14	1438	May 5, 2023

Accessing model out of load order

Related topics