Angularjs 为datatable列生成动态内容时ui sref不工作

我想将数据表的一列链接到动态Angularjs视图

Table 1 :

ID | Name | Action 

1  | Jack | Edit

“编辑”应该是指向#/clients/1/Edit的链接

/clients/：id/edit（app.client\u edit）已创建并正在运行

我正在尝试下面的代码：

$scope.dataTableOpt = {
 "columnDefs": [
    {
       "targets": 0,
       "render": function ( data ) {
          return "<a ui-sref=\"app.client_view({id: $row[0]})\">Edit</a>";
       }
    }
 ],
 'ajax': 'http://localhost/admin/clients'
};

$scope.dataTableOpt={
“columnDefs”：[
{
“目标”：0，
“渲染”：函数（数据）{
返回“编辑”；
}
}
],
'ajax'：'http://localhost/admin/clients'
};

给定结果：

Link1 = < a ui-sref="app.client_view({'id': '1'})">edit</ a>

Link1=编辑

预期结果：

Link2 = < a ui-sref="app.client_view({id: '1'})" class="ng-scope" href="#!/client/2">edit</ a>

Link2=编辑

当我将

静态地放在页面上时，它正在工作，但不确定动态生成时为什么不工作

请告知。

我的方式：

数据表设置选项：

“columnDefs”：[
{
“目标”：[0,1]，
“渲染”：函数（数据、类型、行）{
var href=$compile（“”；
}
}
]

@Abbas Moazzemi

如果按如下方式使用

.withOption（'createdRow'

），则不需要使用

$compile

：

.withOption('createdRow', function(row) {
    // Recompiling so we can bind Angular directive to the DT
    $compile(angular.element(row).contents())($scope);
})

---

非常感谢你，阿巴斯，我花了两天的时间来寻找这个解决方案，效果非常好。非常感谢。

.withOption('createdRow', function(row) {
    // Recompiling so we can bind Angular directive to the DT
    $compile(angular.element(row).contents())($scope);
})