Aurelia：キャッチされていないエラー：doSomethingは関数ではありません

Question

非常に基本的な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"); 
    } 
} 

Answer 1

あなたは現在だけのに対しperson-detailsのHTMLをインポートしますJSとHTMLの両方の部分をインポートする必要があります（通常、Aureliaによって自動的に行われます。彼はファイルの拡張子）。

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

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

する必要があります