2

Tengo :

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' }
];

y en mi html:

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

Pero yo quiero solo mostrar el pin de Jay y no quiero hacer un ng-repeat recorriendo todos para hacer un ng-if, ¿hay alguna forma de que me de lo que quiero directamente?

1
  • Si el arreglo no es dinámico ni pretendes ingresar más objetos en este, simplemente deberías acceder al index del objeto, en este caso sería {{members[2].username}} : {{members[2].pin}}; de lo contrario, la respuesta del colega Hictus sería una excelente opción. el 9 ago. 2017 a las 14:23

2 respuestas 2

3

Desconozco si se puede acceder directamente una propiedad del objeto de la manera que buscas, pero se me ocurre lo siguiente.

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

O si te ves muy motivado te haces tu propio filtro:

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'}}

Aqui el plunkr

4
  • Si te sirvió, no dudes en marcarla como aceptada ;)
    – Hictus
    el 10 ago. 2017 a las 6:56
  • es una solución lo malo es que tengo que recorrer los members y si tuviera muchos no se lo que podria tardar
    – sirdaiz
    el 10 ago. 2017 a las 10:15
  • La solución de @Findelias podría ser una buena alternativa, aunque de una manera u otra, los métodos de dicha librería, también recorrerán el array reduciendo el rendimiento en caso de ser un array muy muy grande.
    – Hictus
    el 10 ago. 2017 a las 10:25
  • si no hay un modo mas directo pues nada a usar el filtro, gracias
    – sirdaiz
    el 10 ago. 2017 a las 11:09
2

Mi recomendación para estas cosas es la librería Lodash.

Aquí tienes su pagina oficial

Para estas cosas por ejemplo tiene el método find, del que puedes ver su documentación aquí

En código tu problema se solventaría:

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 }}
1
  • 1
    Ni idea de esta maravillosa librería, gracias por el aporte!
    – Hictus
    el 10 ago. 2017 a las 10:23

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.