AngularJs search

Question

Как применить фильтр поиска для столбцов. Незлая помощь.

Answer 1

Вы можете использовать директиву ng-class для условного добавления классов css на основе условий. Я думаю, вы хотите разместить два столбца бок о бок с некоторым интервалом, и вам не нужно иметь новую строку для каждой из двух записей.

Тогда вы могли бы пойти с этой версией нг-повторить вместе с нг-класса:

<div class="row"> 
    <div ng-repeat = "person in persons | filter : searchValue" 
     class = "col-xs-12 col-sm-4" 
     ng-class = "{'col-sm-offset-1': $index%2==0, 'col-sm-offset-2': $index%2==1}"> 
    {{person.name}} 
</div> 

Использование одной строки достаточно, потому что каждые две записи используют более 8 COLS, таким образом, что после каждых двух записей запускается новая «виртуальная строка».

См рабочий образец в этом JS Bin

Answer 2

В контроллере переставить ваш продукт будет кортежи, например:

$scope.persons = [{foo},{bar},...]

к:

$scope.persons = [[{foo}, {bar}],[...],...]

таким образом вы можете связать так:

<div class="row" ng-repeat="person in persons | filter : searchValue" ng-if="$index % 2 == 0"> 
    <div class="col-xs-12 col-sm-4 col-sm-offset-1">{{person[0].name}} 
    </div> 
    <div class="col-xs-12 col-sm-4 col-sm-offset-2">{{person[1].name}} 
    </div> 
</div> 

pd: вы можете изменить qui легко с простой функцией отображения.