ui-sref not working when generate dynamic content for datatable columns

Question

I'd to link a column of my data-table to a dynamic Angularjs view.

Table 1 :

ID | Name | Action 

1  | Jack | Edit

Edit should be a link to #/clients/1/edit

/clients/:id/edit (app.client_edit) is already created and it's working.

I'm trying the code below:

$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'
};

Given result:

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

Expected result:

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

When I put < a ui-sref="app.client_view({'id': '1'})">test< / a> on the page statically it's working but not sure why it doesn't work when it's dynamically generated.

Please advise.

Abbas Moazzami · Accepted Answer · 2015-08-19 05:23:50Z

9

my way:

DataTable set options:

"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>';
       }
    }
]

edited Aug 19, 2015 at 5:23

answered Aug 3, 2015 at 9:12

Abbas Moazzami

4395 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sanjeev shetty Over a year ago

Thank you so much abbas, i spent 2 days to find this solution and it worked like charm. Thank you so much.

Morteza QorbanAlizade · Accepted Answer · 2017-12-23 05:44:21Z

1

@Abbas Moazzemi

If Use .withOption('createdRow' as below, you dont need to use $compile:

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

answered Dec 23, 2017 at 5:44

Morteza QorbanAlizade

1,5502 gold badges20 silver badges39 bronze badges

Collectives™ on Stack Overflow

ui-sref not working when generate dynamic content for datatable columns

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related