Angular 在ng2智能表中嵌入ng2工具提示

我已经安装了

ng2工具提示指令

，并在

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',
  },

节点列表：{
标题：“eNodeB”，
键入：“html”，
valuePrepareFunction：（数据）=>“”+数据+“”，
//键入：“字符串”，
},

当我检查元素时，它只显示添加了类：

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

KSL05836 KSL09836R

---

如果您对如何添加工具提示属性有任何了解，我们将不胜感激

在函数

valueprepareffunction

中无法进行角度绑定，因此最好放弃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;

    }

注意：由于代码是直接在stackoverflow编辑器中编写的，因此可能存在打字错误或语法错误。请改正一下

---

valuePrepareFunction

不会绑定任何角度组件或指令。好的-如何向ng2智能表格中的表格单元格添加工具提示？添加了此问题的答案。我正在尝试实现此功能，但现在表格数据为空。如果您在实现自定义组件时遇到问题。你可以参考这个ex谢谢我会查出来的。这就是我在控制台中遇到的错误：错误：找不到TooltipComponent的组件工厂。您是否将其添加到@NgModule.entryComponents？只需在模块的

entryComponents

中添加

TooltipComponent

。答案中添加了示例。只需确保您正在为您的模块声明它。

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