ember.js - Ember 2.1 中的“应用程序操作”

Question

我正在尝试为我的用户创建一个登录模式，所以我有这个链接：

<li><a {{action "signin"}}>Sign In</a></li>

在一个{{planhw-navbar}}组件中。

{{planhw-navbar signin=(action "showModal" name="signin-modal")}}

但是当我打开浏览器时，我得到了错误：

在（生成的应用程序控制器）中找不到名为“showModal”的操作

我尝试在控制器、路由和组件中放置一个动作：

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    showModal: function(name) {
      this.render(name, {
        into: 'application',
        outlet: 'modal'
      });
    }, //...
  }
})

我的组件{{signin-modal}}, 工作正常。

我的整个application.hbs：

{{planhw-navbar signin=(action "showModal" name="signin-modal")}}
{{outlet}}
{{outlet 'modal'}}

Answer 1

您需要在 application.js 控制器中添加一个名为 showModal 的操作。