javascript - 组件名称中的 Aurelia 破折号不起作用

Question

我有一个基本的 Aurelia 组件，看起来当我在其名称中使用破折号时，它不起作用。

当我这样的时候它就起作用了:

import {inject, customElement, bindable} from 'aurelia-framework';

@customElement('helloworld')
@inject(Element)
export class HelloWorldCustomElement {
    constructor(element) {
        console.log ('here')
    }
}

<helloworld></helloworld>

但是当像这样的时候就不会了:

import {inject, customElement, bindable} from 'aurelia-framework';

@customElement('hello-world')
@inject(Element)
export class HelloWorldCustomElement {
    constructor(element) {
        console.log ('here')
    }
}

<hello-world></hello-world>

根据 Aurelia 文档，它应该是双向的:https://github.com/aurelia/templating/blob/master/doc/article/en-US/templating-custom-elements.md

Answer 1

我设法找到了这个问题的原因。在 app.html 中，我有以下行，似乎存在命名冲突。删除它立即解决了问题。

<require from="hello-world/hello-world.html"></require>