如何在angular6的ng2-smart-table中添加超链接

Question

要在请求ID列中添加超级链接。您能帮忙添加吗？ 我在Angular6中使用Ng2-smart-table

Answer 1

您可以像这样简单地进行操作。

让我们假设您已经调用了API，并获得了这样的数据。

data = [
   {
      fname:'sachin',
      lname:'shah'
   },
   {
      fname:'banty',
      lname:'shah'
   }
]

获得此数据后，您必须使用for loop。而且您必须更新表格设置。

import { LocalDataSource } from 'ng2-smart-table';

source: LocalDataSource; // Add this above constructor 

// Update settings like this.. 

columns: {        
    user: {
      title: 'Name' ,
      type: 'html'      //  <---- hear you have to pass html as a type... 
    },

var temp : any =  [];
  for(let i = 0 ; i < res.data.length ; i++){
    var obj = {
      name:'<a href="'+res.data[i].fname+'">Link</a>',          
      ... ... ...
    }
    temp.push(obj);        
  }      
  this.source = new LocalDataSource(temp); 

听说我已经附上了我的工作代码的屏幕截图。