Как использовать как фильтр для ng-repeat в AngularJs?

Question

[Сергей Кошкин]

Есть <input type="date">, под ним табличка с ng-repeat? По-умолчанию в ng-repeat отображаются элементы с сегодняшней датой. А нужно что бы после изменения даты в инпуту менялось содержимое в ng-reapeat (с датой из инпута).

update:

Попытался сделать таким образом:
в хтмл

<input type="date" ng-model="bd" />
  <button ng-click='changeDate()'>Ok</button>

в контроллере

$scope.changeDate = function() {
     var changedDate = $scope.bd;
     $http.get("/api/meals/" + changedDate)
          .success(function(data) {
              self.updateMeals(data);
              console.log($scope.bd);
            })
          .error(function(){
            console.log('Error get Meals')
          });
   };

но беда в том что из инпута дата уходит в таком формате:
"Thu%20Feb%2018%202016%2000:00:00%20GMT+0200%20(EET)"
а нужно в таком:
"2015-1-1"

Answer 1

[Сергей Протько]

не используйте фильтры с ngRepeat. Вот и вся наука.

По изменению сегодняшней даты (например при помощи ngChange или других колбэков вашей диреткивы датапикера) просто вызываем метод контроллера который будет формировать новую коллекцию. И все.

p.s. никаких $scope.$watch! и вообще не используйте $scope нигде кроме как в link директивы, который вам так же редко когда должен быть нужен. Y031

Comments

[Сергей Кошкин]

обновил вопрос, можете помочь с новой проблемой.

[Сергей Протько]

Сергей Кошкин: заинджектите dateFilter в контроллер и формируется дату в том формате в котором нужно.

Answer 2

[Максим Дунаевский]

ng-repeat работает с набором данных. Опишите в контроллере метод, который фильтрует основной набор в зависимости от значения в input'е. Для этого можно использовать $scope.$watch.

Answer 3

[nk_pl]

<input type="text" ng-model="date">
<table>
  	<tr ng-repeat="post in posts | filter:date">
  		<td>{{post.text}}</td>
  		<td>{{post.date}}</td>
  	</tr>
</table>