Receiving data by clicking on a component

FrienD · January 31, 2017, 1:43pm

Hello everyone! I am newbie in the world of the development of SPA and apologize in advance for a simple question.

I have two models: theme and collection, and they have relations: theme has many collections. On page /themes a user can see the component theme-card with theme. When he clicks on one of the cards, I must load nested resource - collection for clicked theme and render it with compoent collection-card. How I can do this, if components with following manuals shouldn’t load any external data?

Thank for your answers!

broerse · January 31, 2017, 10:05pm

If I understand this correct you just need to pass the models to the component just as post=post authors=authors in this example

https://github.com/broerse/ember-cli-blog/blob/master/app/templates/components/blog-post.hbs

FrienD · January 31, 2017, 11:54pm

Thank you for your answer!

Ok, but how I can render only one group of nesten resources?

I need only one active (visible) group of collection-card component for selected theme, that will be loaded and shown only after clicking on theme-card component.

broerse · February 1, 2017, 5:35am

That is how Ember works out of the box but if you need authors from the authors route in the post route you can use setupController like this:

github.com

broerse/ember-cli-blog/blob/master/app/routes/posts.js#L6


      
          import Route from '@ember/routing/route';
          import { hash } from 'rsvp';
          import { inject as service } from '@ember/service';
          
          export default class PostsRoute extends Route {
            @service router;
            @service store;
          
            model() {
              var store = this.store;
              return hash({
                model: store.findAll('post'),
                authors: store.findAll('author'),
              });
            }

FrienD · February 1, 2017, 11:00am

Thank you for your answers!

Topic		Replies	Views
Best way to load data from other route	3	1398	June 19, 2015
Canonical way to load nested resources Design	11	7308	September 25, 2013
Route handling multiple complex components Design	1	683	October 2, 2021
Looking for an example of a grid and form Learning Team	4	833	January 10, 2021
Best practice for setting up a nested component's data	5	5523	April 3, 2015

Receiving data by clicking on a component

Related Topics