Passaggio di attributi personalizzati in Aurelia Component

Question

Sto riscontrando qualche problema nel passare gli attributi in un componente personalizzato. Ho provato dichiarando la mia componente dei seguenti modi:

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

Quando l'avviso viene chiamato, non definito è il valore che ricevo da esso. Inoltre, è richiesto il decoratore customElement?

Answer 1

Invece di usare camelCase per i propri attributi, prova dash-case.

Prova questa:

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

Secondo convenzioni Aurelia, attributi dash-case'd verranno convertiti in variabili camelCase nel vostro ViewModel, così il vostro VM è già bene.