如何給ng2智能表中的數據提供超鏈接

Question

在此處輸入圖像描述

這是我的 ng2-smart-table 但我想為 fullName 列的每個條目提供超鏈接。

Answer 1

在您的settings更改為此

  name: {
    title: 'name',
    type: 'html',
    editor: {
      type: 'custom',
      component: CustomEditorComponent,
    },
  },

然后在您的data中將name更改為這樣

name: '<a href="http://www.google.com">Google</a>',

然后復制這個文件https://github.com/akveo/ng2-smart-table/blob/master/projects/demo/src/app/pages/examples/custom-edit-view/custom-editor.component.ts到您的文件夾，然后在app.module.ts上聲明它