smart-table 组件 angular 上的自定义图标

Question

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

我在按钮中看不到图标！

如何将 ionicons 替换为 eva 图标。

我将智能 table 添加到我的项目中，但未能成功显示 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 == [=12=]
</i></a>

我的检查代码

<a class="ng2-smart-action ng2-smart-action-add-add ng-star-inserted" href="#"> == [=13=]
<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',
            },
          },
        };

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

Answer 1

觉得我的回答有用就点个赞吧

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

你会发现需要安装"nebular-icons": "^1.1.0", 使用命令 npm i nebular-icons@1.1.0
在您项目的angular.json文件中的样式数组中添加"node_modules/nebular-icons/scss/nebular-icons.scss"以包含星云图标样式。参考https://github.com/akveo/ng2-smart-table/blob/master/angular.json
运行带有 ng serve -o 的项目

smart-table 组件 angular 上的自定义图标

Custom Icons on smart-table component angular

angular

scss-mixins

ng2-smart-table

nebular