Aurelia:未捕获错误:doSomething不是函数

时间:2017-02-03 08:32:32

标签: javascript binding aurelia

我遇到了非常基本的Aurelia应用程序的问题。点击按钮,它表示它没有找到doSomething功能。其他组件中的其他按钮工作正常。显然我在这里做了一些根本错误的事情?

app.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>

人-details.html

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

人-details.js

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

1 个答案:

答案 0 :(得分:7)

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

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

应该是

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