javascript - Angular，更改模型时 View 不更新

Question

我正在更改模型，我希望 View 会更新，但事实并非如此:

这是我的看法:

<div ng-controller="showCarCtrl">
                <h1>Damaged Cars</h1>
                <table border="1">
                        <tr>
                                <th>Plate Number</th>
                                <th>Brand</th>
                                <th>Color</th>
                        </tr>
                        <tr ng-repeat="car in cars" ng-show="car.damaged">
                                <td>{{car.plate_number}}</td>
                                <td>{{car.brand}}</td>
                                <td>{{car.color}}</td>
                                <td>
                                        <button ng-click="setRepaired(car.cid)">Repaired</button>
                                </td>
                        </tr>
                </table>
        </div>

这是 Controller :

app.controller('showCarCtrl', function($scope, $rootScope,CarService){
$scope.setDamaged = function(cid){
                console.log("setting the car as damaged "+cid)
                $rootScope.loading = true;
                CarService.setDamageCar(cid)
                            .then(function(data){
                                $rootScope.loading = false;
                                console.log("set damage 1")
                                for(var i=0; i<$scope.cars.length; i++) {
                                        console.log("setting car as damage");
                                        if ($scope.cars[i]==cid) {
                                                $scope.cars[i].damaged = 1
                                                $scope.$apply();
                                                console.log("it enters here");
                                                break;
                                        }
                                        console.log($scope.cars)
                                }
                            },

                            //deferred
                            function(data){
                                console.log('Car Service failed');
                                $rootScope.loading = false;
                            });
        };

});

我已经从服务器检查过，服务器的回复正常，我在 $scope.cars[i].damaged = 1 成功更新了模型，唯一的问题是我期待 View 发生变化，因为如上所示，在 View 中，我有 <tr ng-repeat="car in cars" ng-show="car.damaged"> 的东西。 , 但 View 没有更新

Answer 1

我认为你的代码有错误:

if ($scope.cars[i]==cid) {

也许应该是这样的:

if ($scope.cars[i].cid === cid) {