用于显示数据的ng-repeat,当通过保存按钮更新数据时,如何在不更新整个页面的情况下更新ng-repeat?

时间:2018-07-02 23:49:42

标签: javascript asp.net angularjs

这是包含带有列表的HTML的div:

 <div id="searchResults" class="container-fluid">

                <table ng-show="HasMyData()" class="table table-striped table-condensed table-hover">
                    <thead>
                        <tr>
                            <th class="text-center smalltext bold">Version</th>
                            <th class="text-center smalltext bold">City</th>
                            <th class="smalltext bold">Description</th>
                            <th class="text-center smalltext bold">Food</th>
                            <th class="text-center smalltext bold">Lizard</th>
                            <th class="text-center smalltext bold">Lost</th>

                            <th class="text-center smalltext bold">Complete</th>
                            <th class="text-center smalltext bold">Active</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr style="cursor:pointer;" ng-class="{ selectedrow: isSelectedReg($id) }" ng-click="GetDetails(data,$id)" ng-show="numberOfRecords != 0"
                            ng-repeat="data in myData | 
                            filter:{'name':FilterByDescription(search.val)} |
                            filter:{'isFood':FilterIsFood} |
                            filter:{'isLizard':FilterIsLizard} |
                            filter:{'isLost':FilterIsLost} |
                            filter:{'reviewCompleted':FilterByComplete()} | 
                            filter:{'activeInd':FilterByInactive() }">
                            <td class="text-center smalltext">{{data.versionNumber}}</td>
                            <td class="text-center smalltext">{{data.cityName}}</td>
                            <td class="smalltext">{{data.name}}</td>
                            <td class="text-center"><input type="checkbox" ng-checked="data.isFood" disabled></td>
                            <td class="text-center"><input type="checkbox" ng-checked="data.isLizard" disabled></td>
                            <td class="text-center"><input type="checkbox" ng-checked="data.isLost" disabled></td>
                            <td class="text-center"><input type="checkbox" ng-checked="data.reviewCompleted" disabled></td>
                            <td class="text-center"><input type="checkbox" ng-checked="data.activeInd" disabled></td>
                        </tr>
                        <tr ng-show="numberOfRecords == 0">
                            <td colspan="5">NO RECORDS FOUND</td>
                        </tr>
                    </tbody>
                </table>
            </div>

通过表单更新数据,然后在更新后重新加载上述div / ng-repeat。我读过几则帖子说它应该是自动的...但是这没有发生。

0 个答案:

没有答案