AngularJs pass item property in ng-repeat to controller

Question

I need to pass an item property in an ng-repeat to the controller like this:

<li ng-repeat="feed in feeds | filter:customFilter(feed,feed.publishedDate) ">

Sending feed.publishedDate like this does't work, how should I do that?

Or could I access this property in the controller? item.publishedDate doesn;t work... I need it to compare it with the actual time and filter the news by last hour, last 4 hours, ...

$scope.customFilter = function (item, publishedDate) {
    var currentTime = new Date();
    if($scope.timeinterval==1){
             ....
    }

That's not how you use filters in views, it should be: <li ng-repeat="feed in feeds | customFilter: feed, feed.publishedDate "> Not sure if this solves your parameter problem though... — Anders Bornholm
– Anders Bornholm, Commented Apr 1, 2014 at 14:24
I would still have the same problem, I need a property of each element in the ng-repeat (feed.publishedDate) — Pedro4441
– Pedro4441, Commented Apr 1, 2014 at 14:39

Gruff Bunny · Accepted Answer · 2014-04-01 15:31:01Z

1

The filter function should return a predicate:

Controller:

$scope.cutoffDate= new Date();

$scope.customFilter = function(cutoffDate) {

    return function(feed){
        return feed.publishedDate <= cutoffDate;
    };
};

View:

ng-repeat="feed in feeds | filter:customFilter(cutoffDate)"

Fiddle

edited Apr 1, 2014 at 15:31

answered Apr 1, 2014 at 14:49

Gruff Bunny

28k10 gold badges74 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Pedro4441 Over a year ago

The problem is check that condition, for that I need the publishedDate that is in feed.publishedDate, and filter:customFilter(feed.publishedDate) doen't work

Gruff Bunny Over a year ago

The feed is passed to the predicate so you can check it there. I'll amend the example.

Pedro4441 Over a year ago

That was my first idea, but feed.publishedDate doesn't work :S

Pedro4441 Over a year ago

item.publishedDate <= new Date(); or item.publishedDate >= new Date(); is always false

Pedro4441 Over a year ago

if (item.publishedDate) always false too

|

Collectives™ on Stack Overflow

AngularJs pass item property in ng-repeat to controller

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related