1

它无法在操作按钮中显示图标，当我检查页面时，它不会加载我“:: before”

我在按钮中看不到图标！

如何替换 ionicons 为 eva 图标。

我将智能表添加到我的项目中，但未能成功显示 eva 图标包的图标。我遵循本指南：

https://github.com/akveo/ng2-smart-table

http://akveo.com/ngx-admin/pages/tables/smart-table中的工作示例

<a class="ng2-smart-action ng2-smart-action-add-add ng-star-inserted" href="#">
<i class="nb-plus">
  ::before == $0
</i></a>

我的代码在检查

<a class="ng2-smart-action ng2-smart-action-add-add ng-star-inserted" href="#"> == $0
<i class="nb-plus"></i></a>

我的设置：

settings = {
          add: {
            addButtonContent: '<i class="nb-plus"></i>',
            createButtonContent: '<i class="nb-checkmark"></i>',
            cancelButtonContent: '<i class="nb-close"></i>',
          },
          edit: {
            editButtonContent: '<i class="nb-edit"></i>',
            saveButtonContent: '<i class="nb-checkmark"></i>',
            cancelButtonContent: '<i class="nb-close"></i>',
          },
          delete: {
            deleteButtonContent: '<i class="nb-trash"></i>',
            confirmDelete: true,
          },
          columns: {
            id: {
              title: 'ID',
              type: 'number',
            },
            firstName: {
              title: 'First Name',
              type: 'string',
            },
            lastName: {
              title: 'Last Name',
              type: 'string',
            },
            username: {
              title: 'Username',
              type: 'string',
            },
            email: {
              title: 'E-mail',
              type: 'string',

            },
            age: {
              title: 'Age',
              type: 'number',
            },
          },
        };

我需要更改并显示操作按钮上的图标

4

1 回答 1

2

如果您发现我的回答有用，请点击。

原因：查看给定模板的 package.json 文件https://github.com/akveo/ng2-smart-table/blob/master/package.json。

  1. 你会发现你需要安装“nebular-icons”：“^1.1.0”， 使用命令npm i nebular-icons@1.1.0

  2. 在项目的 angular.json 文件的样式数组中添加“node_modules/nebular-icons/scss/nebular-icons.scss”以包含星云图标样式。从https://github.com/akveo/ng2-smart-table/blob/master/angular.json获取参考

  3. 使用ng serve -o运行项目

于 2019-09-18T08:05:09.787 回答