EmberJS - 以编程方式添加操作

Question

我正在使用Ember创建一个这样的文件菜单：

{{file-menu menuItems=model.fileMenu.menuItems}}

文件menu.hbs：

<ul class="nav navbar-nav">
  {{#each menuItems as |item|}}
    {{component item.type item=item}}
  {{/each}}
</ul>

然后在我的路由器中我正在构建菜单：

var fileMenu = FileMenu.create();
var orderButton = MenuButton.create({name:"Place Order"});

var fileMenuItem = MenuItem.create({name:"File"});
fileMenuItem.addSubItem(MenuItem.create({name:"Save"}));
fileMenuItem.addSubItem(MenuItem.create({name:"Load"}));
fileMenu.addMenuItem(fileMenuItem);
fileMenu.addMenuItem(MenuItem.create({name:"Edit"}));
fileMenu.addMenuItem(MenuItem.create({name:"Help"}));
fileMenu.addMenuItem(MenuButton.create(orderButton);

现在我想以编程方式向我的orderButton添加一个动作，以便在单击它时使用。但是，我不知道该怎么做。我只能从模板中找到关于这样做的信息。是否可以通过编程方式添加操作，这样做是否可以接受？