复制 FontAwesome 图标答案

【问题标题】：Copy FontAwesome icon复制 FontAwesome 图标
【发布时间】：2017-06-12 08:23:09
【问题描述】：

我正在 Angular2 中创建一个带有 fontawesome 图标 (chevron-right) 作为分隔符的面包屑组件，我想使用标准选择和 ctrl+c 复制面包屑数据。
现在，当我复制文本时，它不会复制图标。所以粘贴时的数据只包含文本。例如

如果下面是我的面包屑
A > B > C

当我复制并粘贴它时，我只得到
A B C

有什么方法可以实现这一点（比如 img 标签中的 'alt'），而不是在 Angular2 中手动处理？

【问题讨论】：

【解决方案1】：

在你之间添加这个 A B C

<i class="fa fa-chevron-right" aria-hidden="true"></i>

不要忘记使用 npm install 在 angular 2 项目中安装 fontawesome，或者你可以在 index.html 文件中添加这个 cdn

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

【讨论】：