Встраивание подсказки ng2 в смарт-таблицу ng2 - PullRequest
Новая
       14

Встраивание подсказки ng2 в смарт-таблицу ng2

0 голосов
/ 06 ноября 2018

Я уже установил ng2-tooltip-directive и импортировал в app.module.ts.

Я пытаюсь добавить всплывающую подсказку в ячейку умной таблицы ng2 для переполнения, но valuePrepareFunction() только добавляет список узлов class. Я ожидаю, что он также добавит все свойства всплывающей подсказки. Вот фрагмент: 

  NODEBLIST: {
    title: 'eNodeB',
    type: 'html',
    valuePrepareFunction: (data) => '<div class="nodelist" ngbTooltip="You see, I show up on click!" triggers="click:blur">' + data + '</div>',
    // type: 'string',
  },

и когда я проверяю элементы, он показывает, что класс был добавлен: 

<div class="nodelist">KSL05836 KSL09836R</div>

будет очень признателен за понимание того, как получить свойства всплывающей подсказки!

1 Ответ

0 голосов
/ 06 ноября 2018

Угловое связывание невозможно в функции valuePrepareFunction, поэтому лучше оставить план html и использовать вместо него параметр пользовательского компонента. 

 NODEBLIST: {
    title: 'eNodeB',
    type: 'custom',
    renderComponent: TooltipComponent
  },

компонент

Это просто пример кода, который вы можете изменить согласно вашему требованию. 

import { Component, OnInit, Input, EventEmitter, Output, NgModule } from '@angular/core';

    @Component({
      selector: 'tooltip-view',
      template: `
        <div class="nodelist" ngbTooltip="You see, I show up on click!" triggers="click:blur">{{rowData.eNodeB}}</div>
      `,
    })

    @NgModule()
    export class TooltipComponent{
      renderValue: string;

      @Input() value: string | number;
      @Input() rowData: any;

    }

entryComponents 

@NgModule({
  imports:      [ BrowserModule, FormsModule, Ng2SmartTableModule ],
  entryComponents: [CustomComponent]
})
export class AppModule { }

Примечание. Поскольку код написан непосредственно в редакторе stackoverflow, возможна опечатка или синтаксическая ошибка. Пожалуйста, исправьте себя.

...