如何在Json中带一个链接或锚标签？

Question

一个例子是使用json数据填充角度ui网格并且工作正常

plnkr.co/edit/xBvc4094CIu6oGDZXZx7?p=preview

但是不确定如何在json的一列中为外部源提供下载链接或链接。

example, download link with <a href....>Download Link</a>

在数据表中，支持如何通过json数据在角度ui网格中提供相同的内容。

感谢。

Answer 1

使用单元格模板cellTemplate生成包含超链接的列，使用{{row.entity.link}}从JSON属性获取链接（link是示例JSON中的属性名称）。以下示例。

columnDefs: [{
        name: 'FirstName'
      }, {
        name: 'LastName'
      }, {
        name: 'Job'
      }, {
        name: 'Hyperlink',
        cellTemplate: '<div>' +
          '  <a href="{{row.entity.link}}">Click me</a>' +
          '</div>'
      }],
data: [{
        "FirstName": "Sonny",
        "LastName": "Jayet",
        "Job": "Stack Overflow User",
        "link": "https://www.google.com"
      }, {
        "FirstName": "Tim",
        "LastName": "Harker",
        "Job": "Stack Overflow User",
        "link": "https://stackoverflow.com"
      }]

我希望这是你正在寻找的，这解决了你的问题。