Home / Questions / 93818
Accepted
sirdaiz
Asked: 2020-08-10 01:50:31 +0800 CST 2020-08-10 01:50:31 +0800 CST

filter angularjs object

  • 772

I've got :

var members = [
        { username: 'SheoNarayan', address: 'Hyderabad', pin : '500049' },
        { username: 'Munna', address: 'Bokaro', pin: '8256598' },
        { username: 'Jay', address: 'Aurangabad', pin: '824101' },
        { username: 'Sreeni', address: 'New York', pin: 'BY-524' }
];

and in my html:

Jay : {{members | filter: { username: 'Jay'} }}  => esto me muestra { username: 'Jay', address: 'Aurangabad', pin: '824101' }

But I just want to show Jay's pin and I don't want to go ng-repeatthrough all of them to make a ng-if, is there a way to give me what I want directly?

angularjs

2 Answers

  1. Best Answer

    I don't know if an object property can be directly accessed the way you're looking for, but the following occurs to me.

    <li ng-repeat="member in members | filter: { username: 'Jay'}">
 <p>{{member.username}}:{{member.pin}}</p>
</li>

    Or if you look very motivated you make your own filter:

    app.filter('nameFilter', function() {
    return function(elements,name) {
        for(elem in elements){
          if(elements[elem].username==name){
            return elements[elem].pin
          }
        }

        return name;
    };
});

Jay : {{members | nameFilter : 'Jay'}}

    here the plunkr

    • 3

  2. My recommendation for these things is the Lodash library .

    Here you have their official page

    For these things, for example, it has the find method, of which you can see its documentation here

    In code your problem would be solved:

    JS

    var members = [
        { username: 'SheoNarayan', address: 'Hyderabad', pin : '500049' },
        { username: 'Munna', address: 'Bokaro', pin: '8256598' },
        { username: 'Jay', address: 'Aurangabad', pin: '824101' },
        { username: 'Sreeni', address: 'New York', pin: 'BY-524' }
];

var userJay = _.find(memebers, ['username', 'Jay']);

    HTML

    Jay : {{ userJay.pin }}
    • 2