如何使用ng-class比较自调用的值

How to use ng-class compare to self invoked value

本文关键字：调用 比较 何使用 ng-class      更新时间：2023-09-26

嗨，我一直在使用这个标签来改变我的css样式，如果条件totalAsset和sortedAsset是相同的

<div class="table-row" ng-repeat="x in myData" 
ng-model="sort(x.totalAsset)" 
ng-class="{'lightblue': x.totalAsset == sortedAsset}">

totalAsset是我的数据，像这样

$scope.myData = [
{
totalAsset: "23557"
},
{
totalAsset: "4512190",   
},
{
totalAsset: "2190",   
},
{
totalAsset: "1256790",   
}
]

我已经创建了一个函数，自排序的总资产

$scope.sort = function(totalAsset) {
$scope.unsortedAsset = totalAsset;
$scope.sortedAsset = $scope.unsortedAsset.split("").sort().join("");
console.log(sortedAsset);
}

在逻辑中，只有第一行和最后一行会变成蓝色，其他两行保持不变。

但是我的问题是只有最后一个变成了蓝色，第一个没有。

我不确定，如果你需要{{}}(他们不需要在ng2至少)。

<div class="table-row" ng-repeat="x in myData" 
ng-model="sort(x.totalAsset)" 
ng-class="x.totalAsset == sortedAsset ? 'lightblue' : ''">

第二种方法是在控制器函数

中执行if
$scope.areValuesEqual() {
if($scope.x.totalAssets == $scope.sortedAssets) {
return 'lightblue';
}
return; 
}

但是这看起来很丑，但是我只是把它扔在那里

相关文章：