將自定義屬性傳遞給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> 

據奧裏利亞約定，DASH-case'd屬性將在您的視圖模型轉換爲駝峯變量，因此你的虛擬機已經是好的。