Question

与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>

Answer 1

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

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

Aurelia是约定优于配置，因此您需要了解约定。

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

自定义组件/模板未显示

1 个答案: