Question

所以我有以下html：

<label class="form-group" i18n>Send us your email:</label> <span (click)="select_email()" id="select_email">XYI.runme@previews.emailaddress.com</span>

以及我的* .component.ts文件中的以下方法：

select_email() {
    var select_email = <HTMLSpanElement> document.getElementById('select_email');

    select_email.select();

    var successful = document.execCommand('copy');

    console.log("copy to clipboard was successful? " + successful);
}

但是，当它尝试编译时，我收到HTMLSpanElement上不存在.select（）的错误消息。我已经尝试将类型强制转换为HTMLElement，我得到了相同的结果。

有没有办法使用Angular / typescript选择span元素中的文本？我不允许使用jQuery，因此只允许使用纯javascript / typescript。

Answer 1

var names = ['Bryan', 'Jeremy', 'Joe', 'Megan', 'Ian', 'Taylor']; var first = names.find((name, index) => index === 0); console.log(first); // "Bryan"仅存在于.select()。您可以将span替换为只读输入元素

HTMLInputElement

在span元素中选择文本并复制到剪贴板

1 个答案: