Aurelia 非 html-only 自定义元素 notrendering

Question

我有一个简单的自定义元素，但它没有渲染。

如果我做 <require from="./myfooter.html"></require> 那么它只呈现 html 部分。但是如果我这样做 <require from="./myfooter"></require> 那么什么都不会呈现。

我做错了什么？

    @inject(ConfigService)
export class MyFooterCustomElement{
    private version: string;
    constructor(
        private configService: ConfigService) {
        this.getVersion()
    }



<template>
    <footer class="footer fixed-bottom d-flex justify-content-between">
        <span class="p-2 ml-40">text</span>
        <span class="text-muted d-flex p-2">v${version}</span>
    </footer>
</template>
    async getVersion() {
        this.version = await this.configService.getVersion();
    }
}

Answer 1

aurelia 默认渲染基于命名约定。

将 class 从 MyFooterCustomElement 重命名为 MyFooter

另外：当使用 TS 时你可以写 @autoinject() 而不是 @inject(ConfigService)。

Aurelia 非 html-only 自定义元素 notrendering

Aurelia non html-only custom element notrendering

aurelia