Aurelia: Ableiten einer Komponente aus einer anderen und Wiederverwendung von HTML

Question

Wie leite ich in Aurelia eine Komponente aus einer anderen Komponente, die die HTML-Ansicht aus der Quellkomponente wiederverwendet?

Ich habe eine Komponente BarGraph, die einfache Balkendiagramme darstellt. Diese Komponente hat Dateien bar-graph.js und bar-graph.html. Ich möchte eine Reihe von Komponenten von BarGraph ableiten. Jede Klasse *BarGraph verfügt über benutzerdefinierte Logik, aber alle abgeleiteten Komponenten haben denselben HTML-Code wie die ursprüngliche Komponente. Ich möchte den HTML-Code für die Komponenten in einer Datei speichern und in jeder Klasse wiederverwenden.

Answer 1

Sie können @useView verwenden. Zum Beispiel:

import {useView} from 'aurelia-framework'; 

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

Dokumentation here

EDIT: Erweitern von benutzerdefinierten Element Vererbung wird derzeit nicht unterstützt. Ein wichtiger Punkt ist "Die Vererbung von Bindes funktioniert nicht". Siehe hierzu issue.