javascript - 基于 ng-click 的 Angular 列表颜色变化

Question

我正在使用 angularjs 我有两个列表，当我单击第一个列表时，我会将值插入另一个范围并将值绑定(bind)到第二个列表。现在我的要求是当第一个列表值移动到第二个列表时，我需要更改 list1 中移动值的颜色 这里我附上了我的 fiddle

Fiddle

Answer 1

您可以同时使用 findIndex 和 ng-class 来检查第二个列表是否包含与第一个列表相同的项目。如果存在，则将 css 类应用于第一个列表项。

JS:

   $scope.checkColor = function(text) {
       var index = $scope.linesTwos.findIndex(x => x.text === text);
       if (index > -1) return true;
       else return false;
   }

HTML:

<li ng-click="Team($index,line.text)" ng-class="{'change-color':checkColor(line.text)}">{{line.text}}</li>

工作演示:https://jsfiddle.net/7MhLd/2659/