2016-07-26 2 views
2

Я хочу сделать поиск по столбцу SN в таблице.Угловой поиск в таблице

есть много информации в моей таблице, я хочу, чтобы иметь возможность поиска на основе SN, но когда я добавляю filter она даже не загружать мой стол

Это то, что я сделал: в моем контроллере моего списка заполнен:

$scope.List = {}; 


MyServices.getList() 
.success(function (data) { 
    angular.forEach(data, function (value, index) { 
      $scope.List[value.SN] = { 
       Description: value.Description, 
       SN: value.SN 
      } 
    }); 
}) 
.error(function (error) { 
    $scope.status = 'Unable to load customer data: ' + error.message; 
}); 

и это мой HTML:

<label>Search: <input ng-model="search.SN"></label> 
<tr ng-repeat="V in List| filter:search"> 
    <td>{{V.SN}}</td> 
    <td>{{V.Description}}</td> 
</tr> 
+0

Ваш ngModel является 'search.SN', так что ваш фильтр должен также быть' search.SN'. –

+0

Я сделал то, что вы предлагали, но все тот же вопрос. Я прочитал эту ссылку, и мне кажется, что я должен работать, я не знаю, в чем проблема. https://plnkr.co/edit/?p=preview – user3122648

ответ

2

Вы должны написать следующим образом:

<label>Search: <input ng-model="search.SN"></label> 
    <tr ng-repeat="V in List| filter: {SN: search.SN}"> 
    <td>{{V.SN}}</td> 
    <td>{{V.Description}}</td> 
    </tr> 
+0

это не работает. my List - $ scope.List = {}; как я могу это решить? – user3122648

+0

Я не понимаю, в чем проблема, можете ли вы показать '$ scope.List' элементы? – vaqifrv

+0

Я обновил вопрос, не могли бы вы проверить его? – user3122648

0

Удалить объявление объекта в поле ввода. Это будет соответствовать весь объект для заданного значения на поле ввода:

<label>Search: <input ng-model="search"></label> 
<tr ng-repeat="V in List| filter: search"> 
    <td>{{V.SN}}</td> 
    <td>{{V.Description}}</td> 
</tr> 
Смежные вопросы