如何使KnokoutJS和ClipboardJS一起工作? [英] How to make KnokoutJS and ClipboardJS work together?

问题描述

我尝试将Knockout foreach的某些信息复制到剪贴板:

I try to copy to clipboard some information from Knockout foreach:

<tbody data-bind="foreach: selections">
    <tr>
        <td>
            <a href="#" class="copy_btn" data-bind="attr: { 'data-clipboard-text' : name}"><i class="fa fa-copy"></i></a>
        </td>
    </tr>
</tbody>

使用ClipboardJS:

with ClipboardJS:

var btns = document.querySelectorAll('a.copy_btn');
var clipboard = new Clipboard(btns);

clipboard.on('success', function (e) {
    console.log(e);
});
clipboard.on('error', function (e) {
    console.log(e);
});

但是它不是在复制. 我在做什么错了?

But it's not copying. What I'm doing wrong?

推荐答案

所以，也许有人需要:

ko.bindingHandlers.clipboard = {
    init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
        var clipboard = new Clipboard(element);
    }
};

和

<a href="#" class="copy_btn" data-bind="clipboard, attr: { 'data-clipboard-text' : name, title: 'Copy to clipboard'}"><i class="fa fa-copy"></i></a>

这篇关于如何使KnokoutJS和ClipboardJS一起工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！