ng-класс не обновляется после изменения значения в ng-repeat angularjs - PullRequest
Новая
       38

ng-класс не обновляется после изменения значения в ng-repeat angularjs

0 голосов
/ 25 февраля 2020

Я пытаюсь установить активный класс на основе значения в 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;

    }

1 Ответ

1 голос
/ 25 февраля 2020

Вам не нужно снова добавлять angular выражение {{}} в ng-класс. Попробуйте следующий фрагмент кода. 

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