AngularJS сортировка по значению поля

Question

AngularJS сортировка по значению поля

0

То, что я пытаюсь сделать, это отсортировать некоторые данные по значению поля.

$scope.testarr = [{"id":"1","name":"coffee"},
                  {"id":"2","name":"tea"},
                  {"id":"3","name":"coffee"},
                  {"id":"4","name":"ice coffee"}]

в html файле у меня есть поле выбора и 3 варианта: кофе, чай и ледяной кофе,

если я выбираю кофе, его следует сортировать следующим образом:

   $scope.testarr = [{"id":"1","name":"coffee"},
                      {"id":"3","name":"coffee"},
                      {"id":"2","name":"tea"},
                      {"id":"4","name":"ice coffee"}]

если я выбираю чай, следует сортировать так

   $scope.testarr = [
                      {"id":"2","name":"tea"},
                      {"id":"1","name":"coffee"},
                      {"id":"3","name":"coffee"},
                      {"id":"4","name":"ice coffee"}]

Я пытаюсь использовать порядок, но как-то это не работает

<div ng-repeat="item in testarr | orderBy: 'name'">
     {{item.id}} ------ {{item.name}}
</div>

Joey Ciechanowicz 19 окт. 2015, в 12:58

Источник

0

Консоль показывает ошибку?
Luca Marzi 19 окт. 2015, в 10:31
0

без ошибок это не так, как я хотел
user5019310 19 окт. 2015, в 10:33
0

Я думаю, вы хотели отсортировать имя в алфавитном порядке. Вы пытались использовать другой параметр для сортировки списка?
Luca Marzi 19 окт. 2015, в 10:34
0

Итак, если вы выберете «кофе», все элементы, имеющие имя «кофе», должны стоять первыми, а остальные должны оставаться в том же порядке, верно? Я бы не использовал orderBy для этого. Я бы использовал ng-change и переставил массив самостоятельно. Ваш код не может работать, так как значение, переданное в orderBy, всегда одинаково, независимо от выбора.
JB Nizet 19 окт. 2015, в 10:35
0

да, это именно то, что я хочу, JB Nizet. Есть ли способ, которым я могу сделать это без перестановки массива
user5019310 19 окт. 2015, в 10:40
0

Нет, я бы лучше создал функцию, которая обрабатывает имя, выбранное пользователем, и возвращает true, если имя является подстрокой (в частности, исходной строкой) обобщенной строки ... Тогда вы используете эту функцию как условие как ng- показать для каждого элемента списка
Luca Marzi 19 окт. 2015, в 10:40
0

@ LucaMarzi, это будет фильтр. Но ОП не хочет отфильтровывать предметы. Если, конечно, вы не используете два цикла, один отображает только принятые элементы, а другой - только отклоненные элементы. Но я бы предпочел сделать это в коде JavaScript и создать новый массив, содержащий элементы в правильном порядке.
JB Nizet 19 окт. 2015, в 10:46
0

спасибо @ LucaMarzi я попробую это
user5019310 19 окт. 2015, в 10:46
0

@JBNizet хорошо, так что вы также можете использовать функцию в качестве значения orderBy. Таким образом, если вы сортируете убывающие значения, вы сначала получаете элементы с подстрокой «coffee».
Luca Marzi 19 окт. 2015, в 17:09

Показать ещё 7 комментариев

Теги:

angularjs

angularjs-orderby

1 ответ

Ещё вопросы

без ошибок это не так, как я хотел
Я думаю, вы хотели отсортировать имя в алфавитном порядке. Вы пытались использовать другой параметр для сортировки списка?
Итак, если вы выберете «кофе», все элементы, имеющие имя «кофе», должны стоять первыми, а остальные должны оставаться в том же порядке, верно? Я бы не использовал orderBy для этого. Я бы использовал ng-change и переставил массив самостоятельно. Ваш код не может работать, так как значение, переданное в orderBy, всегда одинаково, независимо от выбора.
да, это именно то, что я хочу, JB Nizet. Есть ли способ, которым я могу сделать это без перестановки массива
Нет, я бы лучше создал функцию, которая обрабатывает имя, выбранное пользователем, и возвращает true, если имя является подстрокой (в частности, исходной строкой) обобщенной строки ... Тогда вы используете эту функцию как условие как ng- показать для каждого элемента списка
@ LucaMarzi, это будет фильтр. Но ОП не хочет отфильтровывать предметы. Если, конечно, вы не используете два цикла, один отображает только принятые элементы, а другой - только отклоненные элементы. Но я бы предпочел сделать это в коде JavaScript и создать новый массив, содержащий элементы в правильном порядке.
@JBNizet хорошо, так что вы также можете использовать функцию в качестве значения orderBy. Таким образом, если вы сортируете убывающие значения, вы сначала получаете элементы с подстрокой «coffee».

Joey Ciechanowicz · Answer 1 · 2015-10-19T08-47-00.000Z

Кажется, он работает. Убедитесь, что ваш ng-repeat имеет доступ к $scope.testarr (т. $scope.testarr Он объявляется в вашей области $scope в правильном контроллере или директиве.

angular.module('app', [])
  .controller('ctrl', function($scope) {
    $scope.testarr = [{
      "id": "1",
      "name": "coffee"
    }, {
      "id": "2",
      "name": "tea"
    }, {
      "id": "3",
      "name": "coffee"
    }, {
      "id": "4",
      "name": "ice coffee"
    }];
  });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app">
  <div ng-controller="ctrl">
    <div ng-repeat="item in testarr | orderBy: 'name'">
      {{item.id}} ------ {{item.name}}
    </div>
  </div>
</div>