javascript - Aurelia: Uncaught Error :doSomething 不是函数

Question

我在使用非常基本的 Aurelia 应用程序时遇到问题。单击按钮时，它说找不到 doSomething 函数。其他组件中的其他按钮工作正常。显然我在这里做的事情根本上是错误的？

应用程序.html:

<template>
    <require from="bootstrap/css/bootstrap.css"></require>
    <require from="./styles.css"></require>
    <require from="./client/person-details.html"></require>

    <person-details></person-details>
</template>

person-details.html

<template>
    <button click.delegate="doSomething()">clickey</button>
</template>

person-details.js

export class PersonDetails {
    doSomething() {
        console.log("Doing something");
    }
}

Answer 1

您目前只导入 person-details 的 HTML而您应该同时导入 JS 和 HTML 部分(如果您省略文件扩展名，通常由 Aurelia 自动完成)。

<require from="./client/person-details.html"></require>

应该是

<require from="./client/person-details"></require>