Angularjs 数组是否为空？_Angularjs

Angularjs 数组是否为空？

angularjs

Angularjs 数组是否为空？,angularjs,Angularjs,数组是否为空？我有一组复选框数据绑定到角度范围列表我需要选中几个复选框并将它们绑定到第二个角度范围的数组：我的HTML： <tr ng-repeat="item in pagedItems[currentPage]" ng-controller="DealerComMaintainCtrl"> <td align="center"> <input type="checkbox" id="{{item.IdArticle}}"

数组是否为空？我有一组复选框数据绑定到角度范围列表我需要选中几个复选框并将它们绑定到第二个角度范围的数组：

我的HTML：

<tr ng-repeat="item in pagedItems[currentPage]" 
    ng-controller="DealerComMaintainCtrl">
  <td align="center">

    <input type="checkbox" id="{{item.IdArticle}}" 
           ng-value="item.IdArticle" 
           ng-checked="selected.indexOf(item.IdArticle) > -1" 
           ng-click="toggleSelect(item.IdArticle)" />

  </td>
  <td>
    <a href="/Dealercoms/ArticleDownload?FileName={{item.FileName}}&IdArticle={{item.IdArticle}}" 
       class="btn btn-xs btn-total-red btn-label"><i class="ti ti-download"></i></a>
  </td>
  <td>{{item.DateArticle | date:'dd/MM/yyyy'}}</td>
  <td>{{item.Title}}</td>
  <td>{{item.Archive}}</td>
</tr>

我尝试了您的代码，通过在

ng repeat

上方的元素上添加控制器，解决了问题。警报仅用于检查所选阵列中的内容。这是代码，在我的系统上运行良好：

<html>
<head>
</head>
<body ng-app="app">
<table ng-controller="DealerComMaintainCtrl">
    <tbody>
        <tr ng-repeat="item in pagedItems" >
            <td align="center">


                <input type="checkbox" id="{{item.IdArticle}}" ng-value="item.IdArticle" ng-checked="selected.indexOf(item.IdArticle) > -1" ng-click="toggleSelect(item.IdArticle)" />


            </td>
            <td><a href="/Dealercoms/ArticleDownload?FileName={{item.FileName}}&IdArticle={{item.IdArticle}}" class="btn btn-xs btn-total-red btn-label"><i class="ti ti-download"></i></a></td>
            <td>{{item.DateArticle | date:'dd/MM/yyyy'}}</td>
            <td>{{item.Title}}</td>
            <td>{{item.Archive}}</td>

        </tr>

    </tbody>
    </table>


    <!-- jQuery -->
    <script src="./jquery-2.1.4/jquery.min.js"></script>
    <!-- AngularJS -->
    <script src="./angular-1.4.5/angular.min.js"></script>
    <script>
        var app = angular.module("app", []);

        app.controller("DealerComMaintainCtrl", function($scope){
            $scope.pagedItems = [
                {IdArticle: 1, Title: "test1", Archive: "archiv1"},
                {IdArticle: 2, Title: "test2", Archive: "archiv1"},
                {IdArticle: 3, Title: "test3", Archive: "archiv1"},
                {IdArticle: 4, Title: "test4", Archive: "archiv1"}
            ];
            $scope.selected = [];

        $scope.toggleSelect = function toggleSelect(code) {
            var index = $scope.selected.indexOf(code)

            if (index == -1) {
                $scope.selected.push(code)
            }
            else {
                $scope.selected.splice(index, 1)
            }
            alert(JSON.stringify($scope.selected));
        }
        });

    </script>
</body>
</html>


{{item.DateArticle}日期：'dd/MM/yyyy'}
{{item.Title}
{{item.Archive}
var-app=angular.module（“app”，[]）；
app.controller（“DealerCommainCtrl”，函数（$scope）{
$scope.pagedItems=[
{IdArticle:1，标题：“test1”，存档：“archiv1”}，
{IdArticle:2，标题：“test2”，存档：“archiv1”}，
{IdArticle:3，标题：“test3”，存档：“archiv1”}，
{IdArticle:4，标题：“test4”，存档：“archiv1”}
];
$scope.selected=[]；
$scope.toggleSelect=函数toggleSelect（代码）{
变量索引=$scope.selected.indexOf（代码）
如果（索引==-1）{
$scope.selected.push（代码）
}
否则{
$scope.selected.splice（索引，1）
}
警报（JSON.stringify（$scope.selected））；
}
});

试试看，我希望它能解决你的问题……

谢谢你。。。我很高兴能帮助你

<html>
<head>
</head>
<body ng-app="app">
<table ng-controller="DealerComMaintainCtrl">
    <tbody>
        <tr ng-repeat="item in pagedItems" >
            <td align="center">


                <input type="checkbox" id="{{item.IdArticle}}" ng-value="item.IdArticle" ng-checked="selected.indexOf(item.IdArticle) > -1" ng-click="toggleSelect(item.IdArticle)" />


            </td>
            <td><a href="/Dealercoms/ArticleDownload?FileName={{item.FileName}}&IdArticle={{item.IdArticle}}" class="btn btn-xs btn-total-red btn-label"><i class="ti ti-download"></i></a></td>
            <td>{{item.DateArticle | date:'dd/MM/yyyy'}}</td>
            <td>{{item.Title}}</td>
            <td>{{item.Archive}}</td>

        </tr>

    </tbody>
    </table>


    <!-- jQuery -->
    <script src="./jquery-2.1.4/jquery.min.js"></script>
    <!-- AngularJS -->
    <script src="./angular-1.4.5/angular.min.js"></script>
    <script>
        var app = angular.module("app", []);

        app.controller("DealerComMaintainCtrl", function($scope){
            $scope.pagedItems = [
                {IdArticle: 1, Title: "test1", Archive: "archiv1"},
                {IdArticle: 2, Title: "test2", Archive: "archiv1"},
                {IdArticle: 3, Title: "test3", Archive: "archiv1"},
                {IdArticle: 4, Title: "test4", Archive: "archiv1"}
            ];
            $scope.selected = [];

        $scope.toggleSelect = function toggleSelect(code) {
            var index = $scope.selected.indexOf(code)

            if (index == -1) {
                $scope.selected.push(code)
            }
            else {
                $scope.selected.splice(index, 1)
            }
            alert(JSON.stringify($scope.selected));
        }
        });

    </script>
</body>
</html>