如何在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); 

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