Tengo el siguiente JSON:
[{
"IdModulo": 1,
"IdPadre": 0,
"Nombre": "Home",
"Ruta": "menu.home",
}, {
"IdModulo": 2,
"IdPadre": 0,
"Nombre": "Administrador",
"Ruta": "menu.administrador"
}, {
"IdModulo": 3,
"IdPadre": 0,
"Nombre": "Informes",
"Ruta": "menu.informes"
}, {
"IdModulo": 4,
"IdPadre": 2,
"Nombre": "Carga archivo",
"Ruta": "menu.administrador"
}, {
"IdModulo": 5,
"IdPadre": 2,
"Nombre": "Verificación",
"Ruta": "menu.verificacion"
}, {
"IdModulo": 6,
"IdPadre": 2,
"Nombre": "Procesados",
"Ruta": "menu.procesados"
}, {
"IdModulo": 7,
"IdPadre": 2,
"Nombre": "Hyperion",
"Ruta": "menu.hyperion"
}, {
"IdModulo": 10,
"IdPadre": 2,
"Nombre": "Clientes",
"Ruta": "menu.clientes"
}, {
"IdModulo": 8,
"IdPadre": 3,
"Nombre": "Reclasificaciones",
"Ruta": "menu.reclasificacion"
}, {
"IdModulo": 9,
"IdPadre": 3,
"Nombre": "Resumen",
"Ruta": "menu.resumen"
}]
El cual deseo filtrar para que solo me genere aquellos elementos cuyo IdPadre = 0
.
Uso este código para generar los elementos con la condición IdPadre = 0
:
<ul class="nav navbar-nav">
<li ng-repeat="menues in menu | filter: IdPadre = 0" ng-class="getClass('/{{menues.Nombre.toLowerCase()}}')" class="" ng-click="cargarItemsDelMenu(menues.IdModulo)">
<a ui-sref="{{menues.Ruta}}">
<span>{{menues.Nombre.toUpperCase()}}</span>
</a>
</li>
</ul>
Pero (además de los elementos que cumplen la condición) me trae el elemento "Clientes" - éste no debería traerlo, porque su IdPadre = 2
.
¿Qué estoy haciendo mal y cómo logro filtrar correctamente los valores según el filtro?