Angularjs UI grid not checking ng-show condition when row gets updated

Question

I am using angularjs ui grid, I have field called status in my code, where user can update the status to either Active or InActive by clicking on button.

After update I am able to refresh the data, but celltemplate: condition is not getting fired. I am using below method to refresh ui grid

$scope.gridOption.data=data;
$scope.gridOptionApi.core.refresh();

but this is only refreshing my data, its not checking the condition which I have added in celltemplete which is as below

 {field: 'profileId', displayName: 'Change Status',cellTemplate:'<div class="text-center">
<button ng-click="grid.appScope.changeProfileStatus(COL_FIELD, \'InActive\' )" ng-show={{row.entity.status==\'Active\'}} 
class="btn-custome-warn custom-btn-xs  btn-warning"><i class="fa fa-close"></i></button><button 
ng-click="grid.appScope.changeProfileStatus(COL_FIELD, \'Active\')" ng-show={{row.entity.status==\'InActive\'}} 
class="btn btn-xs btn--small custom-btn-xs button--primary"><i class="fa fa-check"></i></button></div>'}

so basically I am showing change status field where if the status is active then I am showing button for Inactive it and vice versa.

Anyone any suggestions please?

here is plunker i tried to create to show u demo, but status here I am now updating manually to show you else I have api call for updating it, if you see data is changing but status change buttons are not changing Demo

I got the same issue with ng-show and ng-hide, try ng-if as an alternative, it may help. Some issue happens with ui-grid refresh — Rahul Dasgupta
– Rahul Dasgupta, Commented Jun 2, 2017 at 9:29
i tried with ng-if its not displaying anything then, not even html buttons also, so only I am using ng-show — Sudarshan Kalebere
– Sudarshan Kalebere, Commented Jun 2, 2017 at 9:37
Does ng-show need quotes like ng-show="{{row.entity.status==\'Active\'}}"? — Icycool
– Icycool, Commented Jun 2, 2017 at 9:50
ng-show="{{row.entity.status==\'Active\'}}" and ng-show={{row.entity.status==\'Active\'}} , both ways I tried, data is getting refreshed but buttons are not changing, which should change based on condition — Sudarshan Kalebere
– Sudarshan Kalebere, Commented Jun 2, 2017 at 9:55
@Icycool here is plunker i tried to create to show u demo, but status I am now updating manually to show u else I have api call for updating it, if you see data is changing but status change buttons are not changing plnkr.co/edit/iS8BOWsWI4CUAlapcy8P?p=preview — Sudarshan Kalebere
– Sudarshan Kalebere, Commented Jun 2, 2017 at 10:35

Icycool · Accepted Answer · 2017-06-02 12:11:44Z

0

Got plunker to work by changing ng-show={{row.entity.status==\'Active\'}}

to ng-show="row.entity.status==\'Active\'"

Reason being anything inside {{ }} is executed inside the template immediately so you can see generated html has ng-show="true" but not an expression like

ng-show="row.entity.status=='Active'"

answered Jun 2, 2017 at 12:11

Icycool

7,1991 gold badge27 silver badges33 bronze badges

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

Collectives™ on Stack Overflow

Angularjs UI grid not checking ng-show condition when row gets updated

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related