0

Есть массив

$scope.mass=[{id:1, name:'first'},
       {id:2, name:'second'},{id:3, name:'three'},{id:4, name:'choturu'},
       {id:5, name:'five'},{id:6, name:'six'}];

Их него нужно достать и показать элементы у которых id>=2 && id<6. Как это можно реализовать через фильтры?

10
  • Вы имеете ввиду ангуляровские фильтры? 20 мая 2016 в 7:00
  • @VladimirGamalian, в данном случае не важно как массив фильтровать
    – Grundy
    20 мая 2016 в 7:05
  • @Grundy это ведь совершенно разные сущности. 20 мая 2016 в 7:08
  • @VladimirGamalian, которые возвращают отфильтрованный массив
    – Grundy
    20 мая 2016 в 7:09
  • @Grundy ангуляровский фильтр может вернуть все что угодно, не обязательно массив. 20 мая 2016 в 7:14

2 ответа 2

3

Можно использовать ng-if для скрытия элементов по условию:

angular.module('fooApp', [])
    .controller('FooController', function ($scope) {
        $scope.mass = [{id:1, name:'first'}, {id:2, name:'second'}, {id:3, name:'three'}, {id:4, name:'fourth'}, {id:5, name:'five'}, {id:6, name:'six'}];
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="fooApp">
  <div ng-controller="FooController">
    <div ng-repeat="v in mass" ng-if="(v.id >= 2) && (v.id < 6)">
      {{v.id}} - {{v.name}}
    </div>
  </div>
</div>

Можно фильтровать в контроллере:

angular.module('fooApp', [])
    .controller('FooController', function ($scope) {
        $scope.mass = [{id:1, name:'first'}, {id:2, name:'second'}, {id:3, name:'three'}, {id:4, name:'fourth'}, {id:5, name:'five'}, {id:6, name:'six'}];
        $scope.massFiltered = $scope.mass.filter(function (i) {
            return (i.id >= 2) && (i.id < 6);
        });
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="fooApp">
  <div ng-controller="FooController">
    <div ng-repeat="v in massFiltered">
      {{v.id}} - {{v.name}}
    </div>
  </div>
</div>

Можно через ангуляровский фильтр:

angular.module('fooApp', [])
    .filter('yourFilter', function () {
        return function (v) {
            return v.filter(function (i) {
                return (i.id >= 2) && (i.id < 6);
            });
        };
    })
    .controller('FooController', function ($scope) {
        $scope.mass = [{id:1, name:'first'}, {id:2, name:'second'}, {id:3, name:'three'}, {id:4, name:'fourth'}, {id:5, name:'five'}, {id:6, name:'six'}];
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="fooApp">
  <div ng-controller="FooController">
    <div ng-repeat="v in (mass | yourFilter)">
      {{v.id}} - {{v.name}}
    </div>
  </div>
</div>

1

Так и получите пожалуйста:

$scope.mass=[{id:1, name:'first'},
       {id:2, name:'second'},{id:3, name:'three'},{id:4, name:'choturu'},
       {id:5, name:'five'},{id:6, name:'six'}];

    $scope.massid = $scope.mass.filter(function(entry){
        return entry.id >= 2 && entry.id < 6 ;
    });
2
  • как к этому фильтр описать в HTML ?
    – Mikhail121
    20 мая 2016 в 11:38
  • @Mikhail121, никак, выводите вместо mass - massid в ng-repeat
    – Grundy
    22 мая 2016 в 10:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.