Question

我有这个问题，我尝试在离子列表中为列表项添加some颜色。 somearray是一个数组，其中的索引为红色。无论如何，以下代码仅着色the first index in the array。问题出在哪里？

      <ion-list>
        <ion-item ng-class="{red : !somearray.indexOf($index)}" ng-repeat="todo in todos" class="item" >
              <div>
                <button class="button button-block button-dark" ng-click="addNewForm($index)">
                  {{todo.title}}
                </button>
              </div>
        </ion-item>
      </ion-list>

Answer 1

如果无法找到项目，则

function validate() { return { textCheck: textcheck("txtname"), numCheck: numcheck("txtnum") } }会返回indexOf，如果是，则返回元素的索引。

您可以检查-1的返回值是否大于-1：

indexOf

{red : somearray.indexOf($index) > -1}

var app = angular.module('app', []);

app.controller('myController', function($scope) {
  $scope.todos = [{title: 'a'}, {title:'b'}, {title:'c'}, {title: 'd'}];
  $scope.somearray = [1,2];
});

.red {
  color: red;
  font-weight: bold;
}

Angular ng-class指令不适用于ng-repeat

1 个答案: