JS (und Perl ?) Experten gefragt

[DocCyber]

Hallo zusammen.
In meinem folgenden Code werden die Variablen room und icon übergeben.

Code Auswählen Erweitern

<ftui-content file="header.html" room="DG1" icon="wrench"></ftui-content>header.html sieht so aus:

Code Auswählen Erweitern

<ftui-icon
    name="{{icon}}" size="-1"
    @click="sendFhem(`{puOpenHeatingDetails('{{room}}')}`)">
</ftui-icon>Bei Click auf das Icon wird in diesem Beispiel die Perl Routine puOpenHetaingDetails('DG1') augerufen; das klappt prima.


Um den Code breiter einsetzbar zu gestalten, möchte ich gern den Ausdruck für @click=... ebenfalls als Variable übergeben, etwa so:

Code Auswählen Erweitern

<ftui-content file="header.html" room="DG1" icon="wrench"
  onclick=[@click="sendFhem(`{puOpenHeatingDetails('{{room}}')}`)"]></ftui-content>


Code Auswählen Erweitern

<ftui-icon
    name="{{icon}}" size="-1" {{onclick}}>
</ftui-icon>
Theoretisch sollte das so funkionieren.
Praktisch stoße ich auf zwei Probleme:

1. Im Code oben habe ich an den betreffenden Stellen eckige Klammern verwendet, um das Problem zu kennzeichnen:
Ich habe nur drei mögliche Delimiter zur Verfügung [doublequote ("), singlequote (') und backtick (`)], aber ich bräuchte noch einen, um onclick="..." sauber übergeben zu können, sofern es nicht eine andere Lösung gibt.

2. In {{onclick}} steckt noch {{room}}; es geht also um geschachtelte Variablen.


Ich erreiche meine Kenntnis-Grenzen und hoffe, dass jemand hier ist, der sich da besser auskennt.