Question

我正在尝试填充通过nav-menu导航的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内的index变为等于tab为2。所以switch (index-1)等于switch（1），case 1将执行。

当调用tab=3 $scope.switchCarList(tab)时，switch内的index变为等于3的tab。所以switch (index-1)等于switch（2），case 2将执行。

当调用tab=4 $scope.switchCarList(tab)时，switch内的index变为等于4的tab。所以switch (index-1)等于switch（3），case 1将执行。

这就是全部。如果你不想执行所有这些情况。然后删除<div ng-repeat="tab in tabArray">

使用$ scope变量中的匿名函数进行ng-repeat？

2 个答案: