Übergeben von benutzerdefinierten Attributen in Aurelia-Komponente

Question

Ich habe Probleme beim Übergeben von Attributen in eine benutzerdefinierte Komponente. Ich habe meine Komponente folgende Möglichkeiten versucht zu erklären:

<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); 
    } 
} 

Wenn der Alarm genannt wird, nicht definiert der Wert I von ihm zu erhalten ist. Ist der CustomElement-Decorator erforderlich?

Answer 1

Anstatt camelCase für Ihre Attribute zu verwenden, versuchen Sie das Dash-Case.

Versuchen Sie folgendes:

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

Nach aurelia Konventionen werden streichen case'd Attribute camelcase Variablen in Ihrem Ansichtsmodell umgewandelt werden, so dass Ihr VM schon in Ordnung ist.