ng-repeat angularjs 中的值更改后，ng-class 未更新答案

【问题标题】：ng-class not updating after the value change in ng-repeat angularjsng-repeat angularjs 中的值更改后，ng-class 未更新
【发布时间】：2020-02-25 16:54:49
【问题描述】：

我正在尝试根据 ng-repeat 中的值设置一个活动类。我可以根据默认值在第一页加载时实现它，但是每当更改值时，类都不会更改。我正在使用 angularjs，这是我的代码

HTML

  <div style="margin-bottom:5px;margin-top:5px;">
                    <a ng-repeat="sizes in mainproductsdata|unique:'SizeName' | filter:selectedcolor" data-ng-click="showdetailsbyid(sizes.SizeName);" ng-class="{'colorselected': '{{sizes.SizeName}}' == '{{selectedsize}}' , 'colornotselected': '{{sizes.SizeName}}' != '{{selectedsize}}' } "  >{{sizes.SizeName}}</a>
                </div>

    $scope.showdetailsbyid = function (size) {

        $scope.selectedsize = size;

    }

【问题讨论】：

标签： javascript angularjs angularjs-ng-repeat ng-class

【解决方案1】：

您无需再次在 ng-class 中添加角度表达式{{}}。试试下面的代码 sn-p。

<div style="margin-bottom:5px;margin-top:5px;">
   <a ng-repeat="sizes in mainproductsdata|unique:'SizeName' | filter:selectedcolor"
     data-ng-click="showdetailsbyid(sizes.SizeName);"
     ng-class="{'colorselected': sizes.SizeName == selectedsize , 'colornotselected': sizes.SizeName != selectedsize }">
     {{sizes.SizeName}}
   </a>
</div>

【讨论】：