View update issue

Question

On ajax call data receive, I am updating some part of page (listing of products)

$scope.posProducts = response.data_info.details.outletPrdData;

but my view is not getting update.

View

    <table style="display: block;">
      <tr>
        <td ng-repeat="posProduct in posProducts | filter:searchQueryForPOSProducts" style="display: inline-block; margin-bottom:10px;">
           <button type="button" class="btn btn-primary" style="margin-right:10px; padding-top:10px;padding-bottom:10px;" tooltip="Unit price : {{posProduct.prdUnitPrice}}" tooltip-trigger="mouseenter" tooltip-placement="top" tooltip-append-to-body="true" ng:click="addItem(posProduct)">
                                    {{posProduct.prdName}}
            </button>
       </td>
     </tr>
</table>

When i tried to use $apply :

$scope.$apply(function() {
   $scope.posProducts = response.data_info.details.outletPrdData;
});

I am getting error:

$digest already in progress

How i will update my page view on ajax call?

It seems this problem is related to data binding.
I am using angularjs 1.2.16

Post the databinding code if you think that's where the problem is. — Anthony Chu, May 22 '14 at 18:09
Possibly related: http://stackoverflow.com/questions/12729122/prevent-error-digest-already-in-progress-when-calling-scope-apply — SimpleJ, May 22 '14 at 18:11
Any errors in console? What does `searchQueryForPOSProducts` look like? — Anthony Chu, May 22 '14 at 18:15
log `response.data_info.details.outletPrdData` to the console. Remove your filter `| filter:searchQueryForPOSProducts` to test if that is interfering. — James Kleeh, May 22 '14 at 18:19

score 0 · Answer 1 · answered May 23 '14 at 05:27

0

I have resolved my problem. I was updating wrong scope.
The problem was because of my modal window scope and i need to update UI on result.then event of modal window.

answered May 23 '14 at 05:27

Sachin

2,321
11
31
49

View update issue

1 Answers1