Angular.js view doesn't update when nested $scope array is updated

Question

I am trying to make an angular.js view update itself when adding a comment. My code is as follows:

        
                      

              相关标签:
       
      

Answer 1

Modify the code to wrap inside scope.$apply because you are modifying the property outside the angular scope you have to use scope.$apply() to watch the values

Answer 2

I had to place my form inside the same div controller as the ng-repeat. I had two separate div controllers.

Answer 3

Use $scope.$parent.arrayObjet to modify the parent variables instead of $scope.arryaObject. It worked in my case.

Answer 4

<div class="col-sm-12 col-lg-12">
            <div class="outer-container">
                <div class="inner-container">
                    <div class="table-header">
                        <form id="teamForm" name="teamForm">
                            <table class="table table-bordered">
                                <thead>

                                <!-- Grid header -->
                                <tbody data-ng-if="(allTeamMembers.length==0)">
                                    <tr>
                                        <td class="text-center height_33_p" colspan="15"> {{noResultFound}} </td>
                                    </tr>
                                </tbody>
                                <!-- Existing team member -->

                                <tbody data-ng-repeat="tm in teammemberDetailsArryobject|orderBy:orderByField:reverseSort" data-ng-form="innerForm_$index" data-ng-class="{'ng-submitted':innerForm_$index.$submitted}">
                                    <tr></tr>
                                    </tbody>

In the code I am deleting one record and add new row programmatically but all the rows are displayed in the ng-repeat rows(including deleted)