如何在Ember.js应用程序中显示列表组件？

Question

我的Ember.js有许多组件，最终用户可以使用它们来组成页面。如何显示我的Ember应用程序中存在的组件的动态列表？

我认为已注册的组件位于Ember.Application对象中的某个位置，但我很难找到可以使用的东西。

Answer 1

# in the route
import computed from 'ember-computed';
import getOwner from 'ember-owner/get';

...
{
  components: computed(function () {
    return getOwner(this).lookup('container-debug-adapter:main')
      .catalogEntriesByType('component')
      .filter(componentName => componentName.includes('composables'))
  })
}