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