2017-05-16 2 views
0

私は、のクリップボードに小さなテキストをコピーする必要がある{{#each}}...{{/each}}ループ内にボタンセットを作成するためにラッパーを使用しています。各要素には独自のテキストと独自のボタンがあります。残念ながら私はclipboardTargetを動的IDで設定することはできません。そのため、ボタンはそれぞれの要素からコピーするのではなく最初の要素からのみコピーされます。ember-cli-clipboard dynamic clipboardTarget

コンポーネントは次のようになります。その代わり、私は{{uniqueID}}ようなものが必要でしょうclipboardTarget=".name"

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

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

    {{/each}} 
</ul> 

:IDを作成する

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

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

    {{/each}} 
</ul> 

は問題ではありませんが、{{#copy-button ...}}の内側にそれを渡します動作しません...任意の提案?

答えて

0

あなたがdireclty ...私はそれが構文の事であると思った..私はちょうどそれのように仕事を得るためにid要素のための「#」を追加する必要がどのように素敵なこのclipboardTarget=uniqueID

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

のようにそれを使用することができます'clipboardTarget'私は 'clipboardTargeWithHash'のようなものを作りました。ヒントありがとう! – Viktor

+0

あなたは歓迎です...単純な連結に役立つ[concat helper](https://emberjs.com/api/classes/Ember.Templates.helpers.html#method_concat)があります。 – kumkanillam