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
Nested 'Linked-list' model in Ember-data Ember Data	4	1520	March 3, 2015
Nested models and loading screen	2	1403	May 16, 2014
Component backed by a model Ember Data	3	1729	August 27, 2015
Obtaining related (Ember) data within a component Ember Data	12	2456	May 26, 2016
How to properlly set create nested resources with Ember Data? Ember Data	1	626	February 22, 2021

Receiving data by clicking on a component

Related Topics