aurelia - 将自定义属性传递给 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);
    }
}

当警报被调用时， undefined 是我从中得到的值。另外，是否需要 customElement 装饰器？

Answer 1

不要为您的属性使用驼峰式大小写，而是尝试使用破折号大小写。

尝试这个:

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

根据 aurelia 约定，破折号大小写的属性将转换为 ViewModel 中的驼峰式变量，因此您的 VM 已经很好了。