Question

我在javascript中有一个导航栏，其中包含链接的标题，但我想在单词旁边添加漂亮的小图标。如何在javascript中嵌入字体真棒图标？

缩短版似乎

            ssSideNavSectionsProvider.initWithSections([{
            id: 'mainSection',
            name: 'Main',
            type: 'heading',
            children: [{
                id: 'home',
                name: 'Dashboard',
                state: 'common.home',
                type: 'link'
            }, {
                id: 'deviceLink',
                name: 'Devices',
                state: 'common.devices',
                type: 'link'
            }]}]);

在“仪表板”一词旁边，我想要一个漂亮的图标，例如fa-dashboard图标。

这是HTML：＆LT; md-content flex role =“navigation”ss-style-color =“{'background-color'：'primary.default'}”＆gt; ＆LT; / MD-内容＆GT;

Answer 1

如果您正确加载FontAwesome CSS文件（本地或从CDN），那么您需要做的就是将<i class="fa fa-icon"></i>添加到您希望显示图标的HTML中。

将icon替换为您要使用的图标的实际名称。例如，要显示“arrows”图标：

<i class="fa fa-arrows"></i>

所有Font Awesome图标列表：http://fontawesome.io/icons/

在javascript中放置字体真棒图标

1 个答案: