通过依赖注入设置组件属性

Question

我在另一个嵌套组件中注入了模态依赖项。我试图在嵌套组件的模态组件上设置一个属性，但它不起作用。

Ember.Application.initializer({
  name: 'modal',

  initialize: function(container, application) {
    application.register('modal:main', App.MyModalComponent, { 
      singleton: true
    });

    application.inject('component:sub-component', 'modal', 'modal:main');
  }
});
App.SubComponentComponent = Ember.Component.extend({
    actions: {
        triggerModal: function(color){
            // trying to trigger the `setData` function on MyModalComponent
            this.modal.setData(color)
        }
    }
})

App.MyModalComponent = Ember.Component.extend({
    color: null,

    // trying to get this to trigger via SubComponent
    setData: function(color){
        this.set('showModal', true)
        this.set('color', color)
    },

})

See my jsbin for code

我是否误解了依赖注射的作用？或者不正确地使用它？