javascript - Angular JS在作用域函数中渲染变量以查看和比较

Question

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

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

totalAsset 是我的数据，如下所示

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

我创建了一个对totalAsset进行自排序的函数

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

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

Answer 1

在sort()中，您可以直接访问$scope.myData.totalAsset。它被解析为对 $scope.myData 中最后一个具有 totalAsset 成员的对象的引用。

相反，您想要迭代 myData 中的所有对象。这可以通过向 sort 函数提供参数来实现，如下面的代码所示。

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

然后您还必须通过提供参数值来调用 sort 函数。

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