生成数据表列的动态内容时,ui-sref无法正常工作

Question

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

Table 1 :

ID | Name | Action 

1  | Jack | Edit

编辑应该是#/ clients/1/edit的链接

/ clients /:id/edit(app.client_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'
};

鉴于结果:

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

预期结果:

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

当我< a ui-sref="app.client_view({'id': '1'})">test< / a>静态地放置页面时,它正在工作但不确定为什么它在动态生成时不起作用.

请指教.

Answer 1

我的方式:

DataTable设置选项:

"columnDefs": [
   {
      "targets": [0, 1],
      "render": function ( data, type, row ) {
         var href = $compile('<a ui-sref="stateName({id: ' + $stateParams.id + '})"></a>')($scope)[0].href;
         return '<a href="' + href + '">' + data + '</a>';
       }
    }
]