Ich tausche via JavaScript dynamisch HTML-Code aus.
Im folgenden ein Beispiel. Ich habe eine AdminView.js, die folgenden HTML-Code generiert:
Code
export default class AdminView extends .... {
constructor() {
super();
}
...
createView() {
return html`
<article>
<h3>AdminView: powered by ...</h3>
</article>
`;
}
}
customElements.define('admin-view', AdminView);
Alles anzeigen
Das funktioniert bestens.
Ich möchte jetzt jedoch folgenden HTML-Code in eine extra Datei file.html auslagern:
In meiner JavaScript-Datei AdminView.js will ich es dann (sinngemäß: include file.html) einfügen:
Code
export default class AdminView extends .... {
constructor() {
super();
}
...
createView() {
return html`
include file.html;
`;
}
}
customElements.define('admin-view', AdminView);
Alles anzeigen
Wie kann ich den Inhalt von file.html in AdminView.js textuell einfügen?