计算我的表格的总行数并在控制台 angularjs 中打印答案

【问题标题】：Count total number of rows of my table and print in console angularjs计算我的表格的总行数并在控制台 angularjs 中打印
【发布时间】：2017-01-16 19:51:00
【问题描述】：

我正在创建一个网络应用程序，其中有一个表格和一个复选框，如果我选中我想显示我的表格中有多少行的复选框，

喜欢：

<table>
 <thead>
  <tr>
    <td>
      <input type="checkbox" ng-model="checkall" ng-click="clickcheckall()"/>
    </td>
    <td>other td</td>
  </tr>
 </thead>
 <tbody>
  <tr ng-repeat="somedata in table">
    <td></td>
    <td></td>
  </tr>
 </tbody>
</table>

我想在这里打印一下

{{showcheckalldata}}

在我的控制器中，我有一个作用域变量

$scope.showcheckalldata='';

如果我想打印列数，我需要做什么？

【问题讨论】：

标签： angularjs html-table multiple-columns

【解决方案1】：

你可以只分配数组中元素的数量，

$scope.showcheckalldata= table.length;

演示

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, $http) {

   
  $scope.results = [{
    "agence": "CTM",
    "secteur": "Safi",
    "statutImp": "operationnel"
  },
  {
    "agence": "SMS",
    "secteur": "Safi",
    "statutImp": "operationnel"
  }];

  $scope.clickcheckall = function() {
    $scope.showcheckalldata = $scope.results.length;
  }
});

<!DOCTYPE html>
<html ng-app="plunker">

<head>
  <meta charset="utf-8" />
  <title>AngularJS Plunker</title>
  <script>
    document.write('<base href="' + document.location + '" />');
  </script>
  <link rel="stylesheet" href="style.css" />
  <script src="https://code.angularjs.org/1.4.7/angular.js"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="MainCtrl">


  <table>
     <tr>
    <td>
      <input type="checkbox" ng-model="checkall" ng-click="clickcheckall()"/>
    </td>
    
  </tr>
    <tr>
      <th>Agence</th>
      <th>Secteur</th>
      <th>StatutImp</th>
    </tr>
    <tr ng-repeat="result in results">
      <td>{{result.agence}}</td>
      <td>{{result.secteur}}</td>
      <td>{{result.statutImp}}</td>
    </tr>
  </table>
  <h1>Total rows are : {{showcheckalldata}}</h1>
</body>

</html>

【讨论】：