Angular 9 Копировать в буфер обмена с объединением строк

Question

Я борюсь с проблемой. Я хочу создать копию функциональности буфера обмена. Это мой код:

public copyUrlToClipboard(inputElement) {
        inputElement.select();
        document.execCommand('copy');
        inputElement.setSelectionRange(0, 0);
    }

, который отлично работает, но у меня проблема. Я хотел бы объединить строку из этого ввода с другим строковым значением, прежде чем она вызовет команду «копировать» exe c. Он должен присоединить ранее установленную строку к началу этого входного значения. Можно ли так сделать?

Спасибо!

Answer 1

Есть несколько вариантов. Первый - использовать внешнюю библиотеку, например буфер обмена. js или что-то в этом роде.

Второй вариант - динамически c создать элемент, который будет заполняться программно, и вы выберете это введите, затем выполните команду.

const input = document.createElement('input');
input.style.visibility = 'hidden';
input.value = yourPrefix + yourValueFromInput; // (hope you have 2-way binding, so you'll have values in variables)
input.select();
document.execCommand('copy');
input.parentNode.removeChild(input);