angularjs – ui-sref在为数据表列生成动态内容时不起作用

发布时间：2020-12-17 17:49:59 所属栏目：安全来源：网络整理

导读：我要将我的数据表的一列链接到一个动态的 Angularjs视图. Table 1 :ID | Name | Action 1 | Jack | Edit 编辑应该是#/ clients / 1 / edit的链接 / clients /：id / edit(app.client_edit)已经创建并且正在运行. 我正在尝试下面的代码： $scope.dataTableOpt

我要将我的数据表的一列链接到一个动态的 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>';
       }
    }
]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!