ember-cli-clipboard 动态剪贴板目标

Question

我正在使用 ember-cli-clipboard 包装器在 {{#each}}...{{/each}} 循环中创建一组按钮，如果您单击它，它们应该会将一个小文本复制到剪贴板。每个元素都有自己的文本和按钮。不幸的是，我无法使用动态 ID 设置 clipboardTarget，因此所有按钮都将只从第一个元素复制，而不是从每个元素复制。

组件如下所示：

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

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

    {{/each}}
</ul>

而不是 clipboardTarget=".name" 我需要像 {{uniqueID}}:

这样的东西

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

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

    {{/each}}
</ul>

创建 ID 不是问题，但在 {{#copy-button ...}} 中传递它不起作用...有什么建议吗？

Answer 1

你可以像这样直接使用它clipboardTarget=uniqueID

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

ember-cli-clipboard 动态剪贴板目标

ember-cli-clipboard dynamic clipboardTarget

javascript

ember.js

clipboard.js