如何使用angular 4在Jquery数据表中添加编辑超链接

在我们的angular项目中，我们使用Jquery Datatable。网格正确显示。现在我想在每行末尾添加一个编辑超链接。任何人请帮助我在结尾添加编辑超链接。请参考我的代码

this.http.get（this.appService.baseUrl+'api/ServiceType'）。订阅（结果=>

{

在状态之后，我想添加一个“编辑”超链接。任何人请帮助修复此

“列”：[
"columns": [

                { data: "serviceTypeId" },

                { data: "name"},

                { data: "status" },
                data: null, orderable: true, "name": "ColumnName", render: function (data, type, row) {
                return ''<a class="btn btn-primary btn-flat btn-sm" data-toggle="tooltip" title="Edit" href="' + link + '"><i class="fa fa-edit"></i> </a>';
                       }

            ]  

{data:“serviceTypeId”}，
{数据：“名称”}，
{数据：“状态”}，
数据：null，可排序：true，“名称”：“ColumnName”，呈现：函数（数据，类型，行）{
返回“”；
}
]  

您可以使用访问属性

data.propertyName

"columns": [

                { data: "serviceTypeId" },

                { data: "name"},

                { data: "status" },
                data: null, orderable: true, "name": "ColumnName", render: function (data, type, row) {
                return ''<a class="btn btn-primary btn-flat btn-sm" data-toggle="tooltip" title="Edit" href="' + link + '"><i class="fa fa-edit"></i> </a>';
                       }

            ]