ember.js - 子目录中的Ember组件

Question

我读到现在支持在/components内部包含目录/文件夹。使用ember-cli，我可以生成所需的必要子目录/组件。但是，我似乎无法引用该组件。

例如，如果我这样的文件夹结构:

app/components/sub/test-comp.js
app/templates/components/sub/test-comp.hbs

引用者:(在另一个.hbs文件中)

{{test-comp model=model}}

给我以下错误:

A helper named 'test-comp' could not be found

炭烬:1.10.0

ember-cli:0.2.0

Answer 1

您需要使用组件的完整路径:

{{sub/test-comp model=model}}

编辑:关于Leo所遇到的问题，事实证明这是一个发电机问题。组件生成器创建如下所示的内容:

import Ember from 'ember';
import layout from '../templates/components/sub/foo-bar';

export default Ember.Component.extend({
  layout: layout
});

据我所知，没有理由那样导入布局。除非有什么大的变化，否则会自动发现组件布局(如果您使用的是默认命名约定)。我不知道为什么会这样做(可能是一个错误)，但是您可以通过删除导入来修复它，如下所示:

import Ember from 'ember';

export default Ember.Component.extend({

});

编辑2:看起来像 this is a known issue。我仍然不知道为什么需要手动导入布局，因为没有它，组件应该可以正常工作。