ember.js - 如何在Ember js中进行同步调用

Question

在这里，我做了什么:
我有一个名为“员工”的 Controller 和一个名为“部门”的组件。

我想从 Controller 中调用组件的功能，怎么办？

Controller :“员工”::

if (this.get("callMoveleft")) {
    this.set("callMoveleft", false);
    }    


else {
       this.set("callMoveleft", true);
      }  

组件:“部门”::

callMoveLeft: function () {
        console.log('Move left will be called');
    }.observes("callMoveleft"),

没有调用部门的功能。请建议我我做错了什么？

Answer 1

您应该有一个表示组件状态的模型。该模型将对 Controller 可用，以便可以在其上调用.moveLeft()。

组件应使用此模型的属性进行显示。 Controller 更改模型状态后，组件将自动更新。

UPD

演示:http://emberjs.jsbin.com/wizepi/1/edit?html,js,output