Передача пользовательских атрибутов в компонент 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); 
    } 
} 

Когда предупреждение называется, не определено значение, которое я получаю от него. Кроме того, требуется декоративный элемент декора?

Answer 1

Вместо использования camelCase для ваших атрибутов, попробуйте шкатулку.

Попробуйте это:

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

Согласно конвенции Aurelia, штрих-case'd атрибуты будут преобразованы в верблюжьего переменные в вашем ViewModel, поэтому виртуальная машина уже хорошо.