带有$ scope变量中的匿名函数的ng-repeat？

Question

I am trying to populate my html tables that navigates through nav-menu. My tables create with ng-repeat . Here is my .js file

carApp.controller("OtherCarTablesCtrl", function($scope, getAllCars){
    $scope.tabArray = [2,3,4]
    $scope.carList = []

    function sortCars(index){
        getAllCars.get().success(function(data){
            var CarList = [];
            ....
            return CarList;
        });
    }

    $scope.switchCarList = function(index){
        switch (index-1) {
            case 1:
                $scope.carList = sortCars(1);
                console.log("case 1 was passed");
                return $scope.carList;
            case 2:
                $scope.carList = sortCars(2);
                console.log("case 2 was passed");
                return $scope.carList;
            case 3:
                $scope.carList = sortCars(3);
                console.log("case 3 was passed");
                return $scope.carList;
        }
    };
});

And here is the part of my html file:

<div ng-controller="OtherCarTablesCtrl">
    <div ng-repeat="tab in tabArray">
        <div class="panel" ng-show="panel.isSelected({{tab}})">
            ....
            <tbody ng-repeat="car in switchCarList(tab)">
            ....
        </div>
    </div>
</div>

When I run my app in a browser and open the console I see that "case 1 was passed" , "case 2 was passed" and "case 3 was passed" are printing out all the time without stop.

Why is that happening? How can I fix that?

Answer 1

在您的交换机盒中添加中断

Answer 2

<div ng-repeat="tab in tabArray"> here tabArray is [2,3,4] so for each tab like (2,3,4) <tbody ng-repeat="car in switchCarList(tab)"> will execute one time.

when tab=2 $scope.switchCarList(tab) is called so index inside switch become equal to tab that is 2. so switch (index-1) is equal to switch(1) and case 1 will execute.

when tab=3 $scope.switchCarList(tab) is called so index inside switch become equal to tab that is 3. so switch (index-1) is equal to switch(2) and case 2 will execute.

when tab=4 $scope.switchCarList(tab) is called so index inside switch become equal to tab that is 4. so switch (index-1) is equal to switch(3) and case 1 will execute.

thats all. if you dont want to execute all this cases. then remove <div ng-repeat="tab in tabArray">