Bidirectional hasMany relationship has empty list on the many side

[asuraphel]

My models look like:

grn:

export default Model.extend({
    items: hasMany('grnItem', { inverse: 'grn', async: true })
});

grn-item:

export default Model.extend({
    grn: belongsTo('grn')
});

This is how i'm trying to do the save:

        var items = this.get('grnItems');

        var itemsPromises = [];

        var grnRecord = this.store.createRecord( 'grn', this.get('grn'));

        grnRecord.save().then(() => {
          grnRecord.get('items').then(  (grnItems) => {

            for (var i = 0; i < items.length; i++) {
              var grnItemRecord = this.store.createRecord( 'grnItem',items[i]);

              grnItems.pushObject(grnItemRecord);

              itemsPromises.push( grnItemRecord.save());
            }


            Ember.RSVP.all( itemsPromises).then( function() {

                console.log("Resaving the GRN");

                grnRecord.save();
              }
            ).catch(() => console.log('saving grn failed!'));

grn.items seems to be [] no matter how many items I add. What is going on?

[backspace]

I think you’re missing including the grn when you save a grnItem. From the readme:

      const comment = this.store.createRecord('comment',{
        comment: comment,
        author: author
      });

The child element needs a reference to its parent. In your case, I think you could add this line after you createRecord for the grnItem:

grnItemRecord.set('grn', grnRecord);

You also need to save both ends of the relationship, unfortunately, as also mentioned in the readme. After you save all the items, you need to grnRecord.save() again.

[asuraphel]

You're totally right, @backspace. I changed the code to sth like:

grnRecord.save().then(() => {


            grnRecord.get('items').then( (grnItems) => { 

              for (var i = 0; i < items.length; i++) {
                var grnItemRecord = this.store.createRecord( 'grnItem', items[i]);

                grnItemRecord.set( 'grn', grnRecord);

                grnItems.pushObject(grnItemRecord);

                itemsPromises.push( grnItemRecord.save());
              }


              Ember.RSVP.all( itemsPromises).then( function() {

                  console.log("Resaving the GRN");

                  console.log( grnRecord.save());
                }
              ).catch(() => console.log('saving grn failed!'));


            }
            );

          });

I can't access grn from grnItem on Ember console though! Am i missing sth?

[backspace]

Are you saying that grnItemRecord.get('grn').then(grn => console.log(grn)) doesn’t show anything?

[asuraphel]

@backspace that's right. I'm doing sth like $E.store.peekRecord('grnItem', "D91A091A-17FE-BC1F-8ABF-6F2755AA9795").get('grn') after the save is complete!

[backspace]

hmm, nothing stands out to me apart from the belongsTo not being async, but I think that’s default anyway. It’s hard to say without a live example I can toy around with.

[jlami]

In ember-pouch async was not default, #159 could fix this. Which would also remove the need for the save on the hasMany side.

[asuraphel]

The issue went away, as per @backspace's suggestion, by adding a serializer inside app/serializers/application.js whose contents are:

import { Serializer } from 'ember-pouch';

export default Serializer.extend();