僅限 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。。