Aurelia:从另一个组件中获取组件并重用HTML

Question

在Aurelia中,如何从源组件中重用HTML视图从另一个组件派生组件？

我有一个组件BarGraph,可以呈现简单的条形图.这个组件有文件bar-graph.js和bar-graph.html.我想从中派生出一组组件BarGraph.每个*BarGraph类都有自定义逻辑,但所有派生组件都将具有与原始组件相同的HTML.我想将组件的HTML存储在一个文件中,并在每个*BarGraph类中重用它.

Answer 1

你可以用@useView.例如:

import {useView} from 'aurelia-framework';

@useView('./bar-graph.html')
export class AnotherBarGraph {
  // Your logic here
}

文档在这里

编辑:目前不支持使用继承扩展自定义元素.重要的一点是"可结合的继承不起作用".看到这个问题.