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

Question

我正在尝试填充通过导航菜单导航的html表。 我的表使用ng-repeat创建。 这是我的.js文件

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;
        }
    };
});

这是我的html文件的一部分：

<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>

当我在浏览器中运行我的应用程序并打开控制台时，我看到"case 1 was passed" ， "case 2 was passed"和"case 3 was passed"一直在不停地打印。

为什么会这样呢？ 我该如何解决？

Answer 1

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

Answer 2

<div ng-repeat="tab in tabArray">这里的tabArray为[2,3,4]因此对于每个选项卡，如（2,3,4）， <tbody ng-repeat="car in switchCarList(tab)">将执行一次。

当调用tab=2 $scope.switchCarList(tab) switch内的索引等于tab等于2。因此switch (index-1)等于switch（1），情况1将执行。

当调用tab=3 $scope.switchCarList(tab) switch内的索引等于tab等于3。因此switch (index-1)等于switch（2）并执行情况2。

当tab=4 $scope.switchCarList(tab)调用时，switch内的索引等于tab等于4。因此switch (index-1)等于switch（3），情况1将执行。

就这样。 如果您不想执行所有这些情况。 然后删除<div ng-repeat="tab in tabArray">中的<div ng-repeat="tab in tabArray">