I’m a few weeks into playing with Ember, coming from a server-side MVC background. I’ve done my best to use newer Ember 2 conventions, to break up my UI into reusable isolated components, embrace “data down, actions up”, etc. But I’m hitting an issue where I simply don’t understand how to do what I want, and Google hasn’t been able to help me. Since I suspect this is more of a fundamental conceptual misunderstanding on my part more than just a “how do I”, I hope you don’t mind my posting it here instead of SO.
I’ve got what seems to be a pretty standard master-detail “drill-down” chain of routes. What I’d like is that when I transition one level deeper into a route, the UI elements in the master template compress, to take up less space on the screen while still remaining present for context. The components themselves are all capable of doing so via an action – triggering this manually with a click works fine. However, I can’t figure out how to have the transition from one route to another send the compress action to the components which live “above” both the origin and destination routes. It’s not a matter of data or models changing… just a UI effect.
I’ve googled around a bit, but the only relatively similar examples I can find involve views and controllers, which I understand ideally I’m not supposed to be using in this new 2.5 project. I feel like this can’t be such a crazy or unusual situation. As I mentioned, I suspect I’m just fundamentally misunderstanding how such things are supposed to be done in Ember. Any thoughts? Thanks!