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

Question

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

plnkr.co/edit/xBvc4094CIu6oGDZXZx7?p=preview

但是不确定如何下载 link 或 link 用于 json 中的某一列中的外部源。

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

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

谢谢。

Answer 1

使用单元格模板 cellTemplate 通过 hyperlink 生成列，并 {{row.entity.link}} 从 JSON 属性中获取 link （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://whosebug.com"
      }]

希望这就是您要找的，并且能解决您的问题。

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

How to bring a link or anchor tag in Json?

angular-ui-grid