Filter method - Angular.JS

Question

I would like to use method filter in Angular.JS and take first element with name Games

$scope.example = [
        {model : "Games", id : "1"},
        {model : "Pictures", id : "2"},
        {model : "Cars", id : "3"},
        {model : "Games", id : "4"},
    ];

in HTML is very easy take this but in JS I don`t know how :(

$scope.example.filter(model:Games).TakeFirst()???

Create custom filter which will return return arr.find(o => o.model === name); — Tushar
– Tushar, Commented Aug 2, 2016 at 13:55

Tuğca Eker · Accepted Answer · 2016-08-02 14:08:21Z

2

To use filters in your controller you should inject $filter. After that, you can get first element using [0].

Example;

var myApp = angular.module('myApp',[]);
myApp.controller('MyCtrl', function($scope,$filter) {
    $scope.example = [
        {model : "Games", id : "1"},
        {model : "Pictures", id : "2"},
        {model : "Cars", id : "3"},
        {model : "Games", id : "4"},
    ];
    console.log( $filter('filter')($scope.example, { model: "Games" })[0]);
});

edited Aug 2, 2016 at 14:08

answered Aug 2, 2016 at 14:04

Tuğca Eker

1,49313 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Filter method - Angular.JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related