动态确定仅存在模板Ember微光组件？

Question

我知道要动态确定组件在 Ember 上的存在，我们可以使用解释的解决方案 or here。

我们有一个使用 .hasRegistration('component:${component}')

的助手

只要定义了 .js 文件，这也适用于 Glimmer 组件，但不适用于 template-only Glimmer components。在那种情况下，该组件似乎没有注册。

有谁知道也适用于仅模板微光组件的解决方案？

Answer 1

我在 stackblitz 上为您做了一个演示：

https://stackblitz.com/edit/github-k7htnb?file=app%2Fcomponents%2Fdemo.hbs

{
  "component:template-only": true,
  "template:template-only": false
}

这里的代码表明您正在做的事情在 Ember 3.28 中有效：

<pre>{{this.format this.results}}</pre>

import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { getOwner } from '@ember/application';

export default class Demo extends Component {
  format = (data) => JSON.stringify(data, null, 2);

  @tracked name = 'template-only';

  get results() {
    let owner = getOwner(this);
    let name = this.name;

    return {
      [`component:${name}`]: owner.hasRegistration(`component:${name}`),
      // added this for curiosity
      [`template:${name}`]: owner.hasRegistration(`template:${name}`),
    };
  }
}

现在，如果我将 ember-source 更改为 3.26.1，它是一样的。

也许您正在做的事情和这个演示正在做的事情之间存在轻微的代码不匹配？

动态确定仅存在模板Ember微光组件？

Dynamically determine existence of template only Ember glimmer component?

javascript

ember.js

glimmer.js