Как добавить всплывающие подсказки для столбца действий ng2-smart-table

Я занимаюсь кодированием, связанным с Ng2-Smart-Table. Когда я выполнял реализацию пользовательских кнопок, у пользователя был плохой пользовательский интерфейс, поэтому я подумал добавить подсказки при нажатии на эти кнопки. Может у кого-то есть опыт этого раньше.

Мой текущий код связан со столбцами действий следующим образом:

      custom: [
    { name: "healrecord", title: '<i  class="nb-plus-circled"></i>' },
    { name: "terminaterecord", title: '<i class="nb-power"></i>' },
    {
      name: "stoprecord",
      title: '<i  class="nb-square"></i>',
    },
    {
      name: "viewrecord",
      title: '<i class="nb-list"></i>',
    },
    { name: "editrecord", title: '<i class="nb-edit"></i>' },
    { name: "deleterecord", title: '<i class="nb-trash"></i>' },
  ],
},

введите здесь описание изображения


angular tooltip ng2-smart-table
person Pandula    schedule 01.04.2021    source источник
comment
Я нашел решение, кстати, мы можем использовать переключатель начальной загрузки следующим образом: title: '<i class="nb-edit" (click)="onCreateVnfInstance()" data-toggle="tooltip" data-placement="top" title="Tooltip on top"></i>',   -  person Pandula    schedule 01.04.2021

Ответы (1)


arrow_upward
0
arrow_downward

Внутри цикла, который вы вызывали во внешнем интерфейсе, вы должны вызывать так:

[matTooltip]= {{ custom.name }}

вам нужно поместить переменную, которую вы хотите показать в качестве всплывающей подсказки. Здесь я показал custom.name в качестве примера. если вы хотите показать заголовок как всплывающую подсказку, вам нужно написать custom.title.

Я предлагаю вам изменить имя массива на custom. и вы можете позвонить так:

<ng-container *ngFor="let custom of customs">
    [matTooltip]= {{ custom.name }}
</ng-container>
person Sadiquzzaman    schedule 01.04.2021