modal gist

gistfile1.js

//routes/ppm
export default Ember.Route.extend({
  actions: {
    openModal: function() {
      this.render('ingredientSelect', {
        into: 'ppm',
        outlet: 'modal'
      });
    },
    closeModal: function() {
      this.disconnectOutlet({
        parentView: 'ppm',
        outlet: 'modal'
      });
    }
  }
});

//templates/ppm.hbs
<div>
...
</div>
{{outlet "modal"}}

//controllers/ingredient-select.js
export default Ember.Controller.extend({
  actions: {
    submit: function() {
      //validate and submit stuff
    }
  }
});
//templates/ingredient-select.hbs
<div class="modal">
...
</div>