カスタム属性をAureliaコンポーネントに渡す

Question

属性をカスタムコンポーネントに渡すときに問題が発生します。

<require from="../components/project-documents"></require> 

<project-documents projectId="testing123"></project-documents> 
<project-documents projectId.bind="project.Name"></project-documents> 

---

import {customElement, bindable} from "aurelia-framework"; 
import {autoinject} from "aurelia-dependency-injection"; 

@customElement("project-documents") 
export class ProjectDocuments { 

    @bindable projectId:string; 

    attached() { 
     alert(this.projectId); 
    } 
} 

アラートが呼び出されると、未定義のは、私はそれから得る値である：私は私のコンポーネント、次の方法を宣言しようとしています。また、customElementデコレータが必要ですか？

Answer 1

属性にcamelCaseを使用する代わりに、ダッシュケースを使用してください。

はこれを試してみてください：

<project-documents project-id="testing123"></project-documents> 
<project-documents project-id.bind="project.Name"></project-documents> 

アウレリアの規則によると、ダッシュcase'd属性があなたのViewModelにキャメルケース変数に変換されますので、あなたのVMはすでに罰金です。