微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在 Angular 应用程序上以编程方式添加 fa-icon

如何解决如何在 Angular 应用程序上以编程方式添加 fa-icon

所以,我使用 DataTable 来显示一些数据,并像这样在 app.ts 文件上初始化它;

this.dataTable = $('#dataTable').DataTable({
    columns:[
        {
            data: 'Date',render: (data,type,row) => {
                return `
                <div class="row">
                  <div class="col-12"><span data-toggle="tooltip" title="Date Of Closure"><fa-icon [icon]="['fas','clock']"></fa-icon></span></div>
                </div>
                `
            }
        }
    ]
});

但是这样,fa-icon 不会在前端呈现。在dom上就是这样显示的;

<fa-icon [icon]="['fas','comment']"></fa-icon>

如何以编程方式将此图标添加到我的表格单元格中?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。