[ng-repeat angularjs中的值更改后未更新ng-class

Question

我正在尝试根据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>

JS

    $scope.showdetailsbyid = function (size) {

        $scope.selectedsize = size;

    }

Answer 1

您无需再次在ng-class中添加角度表达式{{}}。尝试以下代码片段。

<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>