ember-cli-clipboard dynamisch clipboardTarget

Question

Ich verwende den ember-cli-clipboard Wrapper, um eine Reihe von Schaltflächen innerhalb einer {{#each}}...{{/each}} Schleife zu erstellen, die einen kleinen Text in die Zwischenablage kopieren soll, wenn Sie darauf klicken. Jedes Element hat einen eigenen Text und eine eigene Schaltfläche. Leider kann ich clipboardTarget nicht mit einer dynamischen ID festlegen, so dass die Schaltflächen alle nur vom ersten Element kopieren, anstatt von jedem einzelnen Element zu kopieren.

Die Komponente sieht wie folgt aus:

<ul> 
    {{#each element as |item|}} 

     {{#copy-button clipboardTarget=".name" success=(action 'copiedCharacter')}} 
      <span class="name">{{item.text}}</span> 
     {{/copy-button}} 

    {{/each}} 
</ul> 

Statt der clipboardTarget=".name" Ich würde so etwas wie ein {{uniqueID}} brauchen:

<ul> 
    {{#each element as |item|}} 

     {{#copy-button clipboardTarget="{{uniqueID}}" success=(action 'copiedCharacter')}} 
      <span id="{{uniqueID}}">{{item.text}}</span> 
     {{/copy-button}} 

    {{/each}} 
</ul> 

die ID zu schaffen, ist nicht das Problem, aber es innerhalb des {{#copy-button ...}} vorbei funktioniert nicht ... irgendwelche Vorschläge?

Answer 1

können Sie es einfach direkt wie dieses clipboardTarget=uniqueID

 {{#copy-button clipboardTarget=uniqueID success=(action 'copiedCharacter')}} 
      <span id={{uniqueID}}>{{item.text}}</span> 
     {{/copy-button}}