时间戳

首页 > 解决方案 > 自定义组件/模板未显示

javascript - 自定义组件/模板未显示

问题描述

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

集成组件.html

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

测试组件.js

export class TestComponent {

    constructor() {


    }

}

测试组件.html

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

标签： javascriptaurelia

解决方案

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

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

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

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

推荐阅读