与Aurelia玩了一段时间之后,我试图创建一个自定义组件/模板。但是,使用下面的最少代码,我仍然似乎无法显示testcomponent.html中的消息。我在html DOM中看到了<testcomponent></testcomponent>,但是没有消息test。我究竟做错了什么?

integrationcomponent.html

<template>
    <require from="./forms/testcomponent"></require>
    <h1>first page</h1>
    <testcomponent></testcomponent>
</template>


testcomponent.js

export class TestComponent {

    constructor() {


    }

}


testcomponent.html

<template>
    <p>test</p>
</template>

最佳答案

类名是TestComponent;这告诉Aurelia寻找test-component.html和test-component.js。

我认为您也可以将类重命名为“ Testcomponent”。

Aurelia是约定而非配置,因此您需要了解约定。

控制台中没有任何错误消息吗?

07-24 17:26