Emberjs making 2 simultaneous requests

My router.js file is like this:

  this.route('cards', function() {
    this.route('all');
    this.route('card', {path: '/:card_id'}, function() {
      this.route('edit');
    });
    this.route('new');
  });

In all.js, I've:

  model() {
    return this.store.findAll('card');
  }

In cards.js, I've:

  beforeModel() {
    this.transitionTo('cards.all');
  },

  model() {
    return this.store.findAll('card');
  }

As you can see that I'm making 2 requests which, IMO, is not necessary. So, if I remove the call from cards.js, the new.js doesn't work properly.

When I create a new card from new.js, after creation, it should go to /cards/1 and show the proper data. But, when I remove that line from cards.js, after creation of a card, it goes to /cards/1 but the data is not saved.