用Ember-CLI命名Mixins

Question

我有一个余烬加号，它使用几个Mixins提供它的功能。不幸的是，当我在Ember检查器中查看这个对象时，我得到了一个“未知混合”桶的船载，我的状态分散在这些桶中：

​

​

我不介意有很多“水桶”，但我真的很想叫它们的名字。当在Ember-CLI上下文/环境中工作时，如何做到这一点？

附注：我在Ember-CLI 0.2.3与Ember 1.11.1和最新构建的Ember督察(截至2015年4月11日)。

有人建议使用toString()函数可以解决这个问题，但对我来说似乎没有这种效果：

​

​

您在上面的图像中看到的是在应用下面建议的更改后在检查专员中出现的内容：

// addon/mixins/ui-shared-animation.js

import Ember from 'ember';

var AnimationSupport = Ember.Mixin.create({
  classNameBindings: ['_animateClass'],

  animate: null,
  _animator: Ember.observer( ... ),
  animateEnabled: null,
  animateDisabled: null,
  _disabledObserver: Ember.observer( ... ),
  animateEnter: null,
  _enterAnimationObserver: Ember.observer( ... ),
  _processAnimation: function(animate) { ... }
  }
});

AnimationSupport.toString = function() { return 'ui-shared-animation'; };
export default AnimationSupport; 

Answer 1

好的，我已经回答了我的问题，通过调查安博探长的封闭性问题，并取出这个宝石：

https://github.com/emberjs/ember-inspector/issues/284

在Ember-CLI中，您所需要做的所有混合操作如下：

// addon/mixins/ui-shared-animation.js

import Ember from 'ember';

var AnimationSupport = Ember.Mixin.create({
  classNameBindings: ['_animateClass'],

  animate: null,
  _animator: Ember.observer( ... ),
  animateEnabled: null,
  animateDisabled: null,
  _disabledObserver: Ember.observer( ... ),
  animateEnter: null,
  _enterAnimationObserver: Ember.observer( ... ),
  _processAnimation: function(animate) { ... }
  }
});

AnimationSupport[Ember.NAME_KEY] = 'animation-support';
export default AnimationSupport; 

耶！我的6混合方法的加载项只是得到了一个更合理的。:)

Answer 2

我也有同样的问题，用toString方法解决了这个问题。例如：

var Person = Ember.Object.extend({
  name: null
});

Person.toString = function() { return 'Person'; };

export default Person;