仅限 Javascript 自定义元素

由 Javascript 组成的自定义元素仅包含 Aurelia 的 @inlineView 装饰器中的相应 HTML 视图。

以下示例采用两个可绑定的参数，一个 prename 和一个 surename，并在预定义的句子中显示。

示例： my-element.js

import { bindable, customElement, inlineView } from 'aurelia-framework';

@customElement('greeter')
@inlineView(`
  <template>
    <b>Hello, \${prename} \${surename}.</b>
  </template>
`)
export class Greeter {
  @bindable prename;
  @bindable surename;
}

使用它：

<template>
  <require from="./greeter"></require>
  <greeter prename="Michael" surename="Mueller"></greeter>
</template>

这将在浏览器窗口中输出Hello，Michael Mueller。。