Javascript ng重复,数据更新后是否不更新表?
我有一个填充了Javascript ng重复,数据更新后是否不更新表?,javascript,html,angularjs,angularjs-ng-repeat,Javascript,Html,Angularjs,Angularjs Ng Repeat,我有一个填充了ng repeat的表,还有一个更改表数据的导航按钮。在对html文件中的数据进行自定义筛选之前,如下所示: ng-repeat="car in carList | filter:tableFilter" 尽管如此,它还是让我的网站慢了很多。因此,现在我正在更新控制器中的表数据。但是还有一个问题,ng repeat不想更新。因此,无论我将更新多少数据,表都将保持不变 我如何解决这个问题? 这是我的ng repeat: <tbody> <tr ng-re
ng repeat
的表,还有一个更改表数据的导航按钮。在对html文件中的数据进行自定义筛选之前,如下所示:
ng-repeat="car in carList | filter:tableFilter"
尽管如此,它还是让我的网站慢了很多。因此,现在我正在更新控制器中的表数据。但是还有一个问题,ng repeat
不想更新。因此,无论我将更新多少数据,表都将保持不变
我如何解决这个问题?
这是我的ng repeat
:
<tbody>
<tr ng-repeat="car in sortedCarList">
....
虽然我同意Cerburs的观点,我们需要更多地查看您的代码,但我还是要冒险一试:您在两个选项卡中调用
formattedTable(2)
,这意味着您的筛选永远不会更改。那么,您的JS是什么呢?我们无法调试我们看不到的内容。标记也是必需的,各种指令会创建子作用域。这就是我的错误,为什么写这个问题?很高兴我能提供一些帮助!同样,您也不会两次执行initCarList(一次在ng单击中,一次在formattedTable()中)。
<section class="tab" ng-controller="TablePanelCtrl as panel">
<ul class="nav nav-pills car-navigation">
<li ng-class="{ active: panel.isSelected(1)}">
<a href ng-click="panel.selectTab(1); initCarList(1); resetActiveRow(); formattedTable(2); hideTypeBox()">Sort by Reviews</a>
</li>
<li ng-class="{ active: panel.isSelected(2)}">
<a href ng-click="panel.selectTab(2); initCarList(2); resetActiveRow() formattedTable(2); hideTypeBox()">Sort by Rating</a>
</li>
</ul>
$scope.formattedTable = function(index){
$scope.initCarList(index);
$scope.sortedCarList = [];
var carlistLength = $scope.carList.length;
for (var i=0;i<carlistLength;i++){ // just check every row if values passes user requirements
var rowBool = $scope.tableFilter($scope.carList[i]);
if (rowBool){
$scope.sortedCarList.push($scope.carList[i]);
}
}
}