javascript - EmberJS 中的组件未发送操作

Question

当我关闭引导模式时，它不会发送它应该发送的操作(在应用程序 js 中:)

应用程序.hbs:

<li><a {{action "showSignInModal"}}>Sign In</a></li>
{{outlet}}
{{outlet 'modal'}}

bootstrap-modal.js:

this.$('.modal').modal().on('hidden.bs.modal', function() {
  alert("Closed");
  this.sendAction('removeModal');
}.bind(this));

routes/application.js:

export default Ember.Route.extend({
  actions: {
    showSignInModal: function() {
      this.render('components.signin-modal', {
        into: 'application',
        outlet: 'modal'
      });
    },
    removeModal: function(){
      alert("Working")
    }
    //...
  }
})

signin-modal.hbs:

{{#bootstrap-modal title="Sign In" ok='signin' okText="Signin"}}
<p>
  Please sign in. Thanks!
</p>
{{/bootstrap-modal}}

显示“关闭”警报，但不显示“工作”警报。(登录模式是一个组件，没有定义任何操作，只是一个引导模式)

Answer 1

您没有正确传递您的操作名称。

您需要注意，如果找不到操作名称，sendAction 方法将自动失败。

确保在包含模态组件的模板中，传递一个带有要调用的操作名称的属性:

{{#bootstrap-modal title="Sign In" ok='signin' okText="Signin" removeModal="removeModal"}}

您可以阅读更多关于 Passing Actions to Components 的信息