Выбор всех повторений NG-Repeat, кроме выбранной

Question

Выбор всех повторений NG-Repeat, кроме выбранной

0

Есть ли способ сделать jQuery как выбор конкретной итерации ng-repeat?

При редактировании конкретной статьи я хочу, чтобы все остальные статьи были выведены из строя, поэтому я использую функцию:

ng-click="edit(articleKey)"

И будет использовать ng-класс для выполнения указанного затухания.

Как бы я хотел, чтобы функция в контроллере имела такое поведение?

Mark McDermid 28 сен. 2015, в 18:47

Источник

0

В основном я ищу вариант «не это».
Mark McDermid 28 сен. 2015, в 16:44
0

Вы можете использовать $ index, чтобы узнать, в какой итерации вы находитесь.
cagica 28 сен. 2015, в 16:56

Теги:

javascript

angularjs

css

ng-class

ng-repeat

2 ответа

0

Это должно заставить вас идти:

<tbody>
    <tr ng-repeat="product in products">                       
        <td ng-class="{'faded_out': !article[product.id].selected, 'faded_in': article[product.id].selected}" ng-click="edit('product.id')">{{ product.id }}</td> 
    </tr>
</tbody>

$scope.products = [{name: "All", articleKey: "212", selected = true},
                    {name: "Termi", articleKey: "4324" selected = true},
                    {name: "911", articleKey: "2323" selected = true}];

$scope.edit = function (articleKey){
    for (var i = 0; i < $scope.products.length; i++) {
        if ( $scope.products[i].articleKey === $scope.products[i].articleKey) {
             $scope.products[i].selected = true;
        } else {
            $scope.products[i].selected =false;
        }
    }
}

FRECIA 28 сен. 2015, в 15:40

Ещё вопросы

В основном я ищу вариант «не это».
Вы можете использовать $ index, чтобы узнать, в какой итерации вы находитесь.

pcagica · Accepted Answer · 2015-09-28T14-26-00.000Z

Вы можете использовать $ index для этого.

Что-то вроде этого.

  <ion-list>
        <ion-item ng-click="selected.value = $index" ng-repeat="item in items" ng-hide="selected.value === $index">
           Hello, {{item}}!
        </ion-item>
  </ion-list>

Просто сохраните выбранное значение при нажатии, а вместо ng-hide вы можете использовать ng-класс для постепенного исчезновения элементов, сравнивая их с выбранным индексом.