我要将我的数据表的一列链接到一个动态的
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>在页面上静态地它正在工作,但不确定为什么它在动态生成时不起作用.
请指教.
解决方法
我的方式：
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>';
}
}
]
