Javascript 表ng中的列总数在angularJS中过滤时重复

Javascript 表ng中的列总数在angularJS中过滤时重复,javascript,jquery,html,angularjs,ajax,Javascript,Jquery,Html,Angularjs,Ajax,当我们第一次加载页面时,我在表的末尾得到了列(课程费)总计,如果我们使用过滤器,那么列总计不会被重置。如果我们对所有列使用过滤器,它应该可以工作 <div ng-app="app" ng-controller="myCtlr"> <input type="text" ng-model="search" placeholder="Search"> <table> <tbody ng-init="total=0"></tbody> <

当我们第一次加载页面时,我在表的末尾得到了列(课程费)总计,如果我们使用过滤器,那么列总计不会被重置。如果我们对所有列使用过滤器,它应该可以工作

<div ng-app="app" ng-controller="myCtlr">
<input type="text" ng-model="search" placeholder="Search">
<table>
<tbody ng-init="total=0"></tbody>
<tr ng-repeat="student in student_data|filter:search|limitTo:'10'">
    <td>{{student.table}}</td>
    <td>{{student.student_id}}</td>
    <td>{{student.name}}</td>       
    <td ng-init="$parent.total = ($parent.total-0) + (student.course_fee-0)">    
     {{student.course_fee}}
    </td>
</tr>
 <tr>
     <td>Total Course fee</td><td>{{total}}</td>
    </tr>
 </table>

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
 <script>
    var app = angular.module('app', []);
app.controller('myCtlr', function($scope, $http) {
  $scope.student_data = [{
    "student_id": "12508",
    "name": "AKILA",
    "course": "Cancelled",
    "course_fee": "5000",
    "percentage": "0",
    "University": "",
    "partner": "ygen",
    "infocenter": "",
    "father": "",
    "mobile": "343535",
    "sem": "0",
    "table": "noble",
    "total_paid": "2500"
  }, {
    "student_id": "12513",
    "name": "KASTURI.M",
    "course": "NTT-Online",
    "course_fee": "11500",
    "percentage": "17.391304347826",
    "University": "",
    "partner": "",
    "infocenter": "",
    "father": "",
    "mobile": "34333353",
    "sem": "0",
    "table": "noble",
    "total_paid": "2000"
  }, {
    "student_id": "12611",
    "name": "SUDHA S",
    "course": "Cancelled",
    "course_fee": "7000",
    "percentage": "0",
    "University": "",
    "partner": "YGEN",
    "infocenter": "",
    "father": "",
    "mobile": "3353535",
    "sem": "0",
    "table": "noble",
    "total_paid": "8000"
  }, {
    "student_id": "12692",
    "name": "CHRISTOPHER SUNIL",
    "course": "Cancelled",
    "course_fee": "15000",
    "percentage": "0",
    "University": "",
    "partner": "YGEN",
    "infocenter": "",
    "father": "",
    "mobile": "353535",
    "sem": "0",
    "table": "noble",
    "total_paid": "3000"
  }, {
    "student_id": "12693",
    "name": "PREMKUMAR J",
    "course": "Diploma EC",
    "course_fee": "12050",
    "percentage": "8.298755186722",
    "University": "",
    "partner": "YGEN",
    "infocenter": "",
    "father": "JOHN AMARANATH",
    "mobile": "353535",
    "sem": "0",
    "table": "noble",
    "total_paid": "1000"
  }]
});

{{student.table}
{{学生.学生id}
{{student.name}
{{学生.课程费}
课程总费用{{Total}
var-app=angular.module('app',[]);
app.controller('myCtlr',函数($scope,$http){
$scope.student_数据=[{
“学生id”:“12508”,
“姓名”:“AKILA”,
“课程”:“取消”,
“课程费”:“5000”,
“百分比”:“0”,
“大学”:“,
“合伙人”:“ygen”,
“信息中心”:“,
“父亲”:“,
“手机”:“343535”,
“sem”:“0”,
“表”:“贵族”,
“支付总额”:“2500”
}, {
“学生id”:“12513”,
“名称”:“KASTURI.M”,
“课程”:“NTT在线”,
“课程费”:“11500”,
“百分比”:“17.391304347826”,
“大学”:“,
“合伙人”:“,
“信息中心”:“,
“父亲”:“,
“手机”:“34333353”,
“sem”:“0”,
“表”:“贵族”,
“支付总额”:“2000”
}, {
“学生id”:“12611”,
“名称”:“SUDHA S”,
“课程”:“取消”,
“课程费”:“7000”,
“百分比”:“0”,
“大学”:“,
“合伙人”:“YGEN”,
“信息中心”:“,
“父亲”:“,
“手机”:“3353535”,
“sem”:“0”,
“表”:“贵族”,
“支付总额”:“8000”
}, {
“学生id”:“12692”,
“姓名”:“克里斯托弗·苏尼尔”,
“课程”:“取消”,
“课程费”:“15000”,
“百分比”:“0”,
“大学”:“,
“合伙人”:“YGEN”,
“信息中心”:“,
“父亲”:“,
“手机”:“3535”,
“sem”:“0”,
“表”:“贵族”,
“支付总额”:“3000”
}, {
“学生id”:“12693”,
“名称”:“PREMKUMAR J”,
“课程”:“文凭EC”,
“课程费”:“12050”,
“百分比”:“8.298755186722”,
“大学”:“,
“合伙人”:“YGEN”,
“信息中心”:“,
“父亲”:“约翰·阿马拉纳”,
“手机”:“3535”,
“sem”:“0”,
“表”:“贵族”,
“支付总额”:“1000”
}]
});


我认为这是您的要求,您的总人数应该随筛选的学生一起更改

要过滤所有字段,可以使用
严格过滤器
,可以使用
$
参数过滤所有字段

这是我给你的密码

var-app=angular.module('app',[]);
app.controller('myCtlr',函数($scope,$http,filterFilter){
$scope.studentdata=函数(搜索){
var found=filterFilter($scope.student\u数据{
$:搜索
});
如果(搜索==未定义){
var found=$scope.student\u数据;
}
console.log(已找到)
var合计=0;
对于(变量i=0;i

{{student.table}
{{学生.学生id}
{{student.name}
{{学生.课程费}
总计{{studentdata(搜索)}

请为您的问题添加更多代码,我不确定您的问题是否正确。看看这是不是你想要的。我们不清楚你所说的计数是什么意思。在您的代码中看不到任何计数变量。您在哪里使用了列计数?我需要课程费的列总数,相同的在第4列中初始化并显示在第2行,您可以看到我的JSFIDDLETHER Sravan,我尝试过,但它仅适用于名称过滤器,不适用于其他人,如果我们过滤所有列,它应该可以工作。非常感谢Sravan