テーブルの全行数をコンソールのanglejsで表示する

チェックボックスをオンにすると、テーブルとチェックボックスがあるWebアプリケーションを作成していますテーブルにいくつの行があるのかを表示したいテーブルの全行数をコンソールのanglejsで表示する

のように、私は私のコントローラでこの

{{showcheckalldata}}

を印刷したい

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

とここで私は

0123変数のスコープを持っています

$scope.showcheckalldata='';

列の数を印刷するにはどうすればよいですか？

出典

2017-01-16 Information HTI

あなただけの配列の要素数を割り当てることができ、

$scope.showcheckalldata= table.length;

DEMO

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>

出典

2017-01-16 11:30:28 Sajeetharan

テーブルの全行数をコンソールのanglejsで表示する

答えて

関連する問題