Javascript 值更改时的角度行
我有一个数据={a,a,b,b,c,c,c}Javascript 值更改时的角度行,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,我有一个数据={a,a,b,b,c,c,c} <div ng-repeat="value in data" > <div class="col-xs-8">{{value}}</div> </div> {{value}} 当值改变时,我想打印 <div ng-repeat="value in data" > if(value change ) print (<div class="row" >);
<div ng-repeat="value in data" >
<div class="col-xs-8">{{value}}</div>
</div>
{{value}}
当值改变时,我想打印
<div ng-repeat="value in data" >
if(value change ) print (<div class="row" >);
<div class="col-xs-8">{{value}}</div>
if (value change ) print (</div>);
</div>
如果(值更改)打印();
{{value}}
如果(值更改)打印();
你能帮我吗
谢谢你
另外,我必须添加一些css来显示正在添加行元素。请查看
{{value}}
{{value}}
您需要按$index进行跟踪,并检查以前的索引值是否与当前值相同。该值何时更改?您的预期输出是什么?data={A、A、A、B、B、B、c、c}当您有B时,该值会更改,当您有cIs时,该数据变量甚至是有效的javascript?不是应该是[]而不是{}吗?你的问题帮助了我,谢谢!如果要避免重复错误,请使用按$index跟踪。您的解决方案没有提供所需的用户输出。看一看,data
数组的值何时会改变还不清楚,因为只有在那时才会触发监视程序。没有数据改变意味着整个数组的a ab b
等等。Ohh。。这意味着当prevValue那么下一个值呢?有可能不要重复{{value}},因为在我的程序中,我在
<div ng-repeat="value in data track by $index" >
<div class="row" ng-if="isShowRow($index-1, $index)">
<div class="col-xs-8">{{value}}</div>
</div>
<div class="col-xs-8" ng-if="!isShowRow($index-1, $index)">{{value}}
</div>
</div>
$scope.isShowRow = function(prevIndex, newIndex) {
if (prevIndex > -1 && $scope.data[prevIndex]) {
if ($scope.data[prevIndex] !== $scope.data[newIndex]) {
return true;
}
}
else {
return false;
}
};
<div ng-repeat="value in data track by $index" >
<div ng-if="data[$index-1] != data[$index]" class="row" >
<div class="col-xs-8">{{value}}</div>
</div>
<div ng-if="data[$index-1] == data[$index]" class="col-xs-8">{{value}}</div>
</div>