如何在我的 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'))
  })
}