ember.js - 将类绑定到动态服务属性

Question

我有一个我称之为state处理加载状态的服务，我可以将它扩展到我将来可能想要的任何东西。我需要这项服务，这样我就可以让不同的组件以某种方式相互通信，这样他们就可以知道另一个组件是否正在加载或做某事。

无论如何，我有这个按钮，我在不同的地方使用它只是发送一个动作，然后变成一个微调器，直到那个动作完成。

他们目前加载动画的工作方式是classNameBindings: ['state.working'],

但是，如果我现在在屏幕上同时有两个这样的按钮，我称this.state.set('working',true);所有按钮现在都在旋转。

我宁愿将一个属性名称传递给按钮组件，告诉它在state服务上观察什么属性以确定它是否应该添加working类

我只是在弄清楚如何在组件中进行这项工作时遇到了一些麻烦。

如何让类绑定监视将传递给组件的动态属性名称，loadingPropertyName这样每个按钮组件都可以监视其working类绑定的不同属性。

Answer 1

你可以这样做：

init() {
  this.set('classNameBindings', 'state.'+this.get('stateProp'));
  this._super();
}