ngRepeat Filtre en profondeur de la propriété

Si j'ai un objet complexe avec des objets comme des valeurs de propriété, comment puis-je filtrer par une des propriétés imbriquées?

Cela peut être fait avec l'OOB ng-repeat filtre?

Données

{
  Name: 'John Smith',
  Manager: {
     id: 123,
     Name: 'Bill Lumburg'
  }
}

ngRepeat

<li ng-repeat="e in emps | filter:Manager.Name">{{ e.Name }}</li>
InformationsquelleAutor ExceptionLimeCat | 2014-12-22
  1. 110

    Vous avez besoin pour passer en argument à filtrer par:

    <input ng-model="filter.key">
<ul>
  <li ng-repeat="e in list | filter: {Manager: {Name: filter.key}}">
    {{e.Name}}  (Manager: {{e.Manager.Name}})
  </li>
</ul>

    Exemple sur Plunker

    • Si certains objets ont pas de gestionnaire de la propriété qu'ils ne s'affichent pas même si le filtre est vide. Connaissez-vous un moyen de les inclure ?
    • que faire si le Nom est un tableau et je veux filtre de Premier de Nom seulement ?
    • href="http://plnkr.co/edit/dMbYapbySJMGKiykvpG7?p=preview" >plnkr.co/modifier/dMbYapbySJMGKiykvpG7?p=preview peut-être que cela peut aider quelqu'un
    InformationsquelleAutor Ray
  2. 2

    Si vous filtrez les multiples propriétés de la syntaxe serait similaire à ci-dessous.

    <ul>
  <li ng-repeat="item in list | {filter: top_object_property_name: value, top_object_property_with_nested_objects_name: {nested_object_property_name: value}}">
       ...
  </li>
</ul>

    par exemple:

            var employees = [name: 'John', roles: [{roleName: 'Manager'},{roleName: 'Supervisor'}]];

        <li ng-repeat="staff in employees | {filter: name: 'John', roles: {roleName: 'Manager'}}">
              ...
        </li>
    • cela ne fonctionne pas pour moi
    InformationsquelleAutor Rob
  3. 1

    À filtre avec de multiples profonde de la propriété nous avons besoin de créer des filtres personnalisés.
    Ce que je veux dire, nous devons créer notre propre fonction pour filtrer les données dans l'objet et le renvoyer l'objet(objet filtré).

    Par exemple, j'ai besoin de filtrer les données à partir de ci-dessous de l'objet

    [
{
   "document":{
      "documentid":"1",
      "documenttitle":"test 1",
      "documentdescription":"abcdef"
       }
},
{
   "document":{
      "documentid":"2",
      "documenttitle":"dfjhkjhf",
      "documentdescription":"dfhjshfjdhsj"
       }
}
]

    En HTML, nous utilisons ng-repeat pour afficher le document à la liste de

    <div>
   //search input textbox
   <input ng-model="searchDocument" placeholder="Search">
 </div>
<div ng-repeat="document in documentList | filter: filteredDocument">
   //our html code 
</div>

    Dans le Contrôleur de nous écrire fonction de filtre pour revenir objet filtré à l'aide de deux propriétés de l'objet "documenttitle" et "documentdescription", exemple de code ci-dessous est -

    function filterDocuments(document)
        {
            if($scope.searchDocument)
            {
                     if(document.documentTitle.toLowerCase().indexOf($scope.searchDocument.toLowerCase()) !== -1 || document.document.shortDescription.toLowerCase().indexOf($scope.searchDocument.toLowerCase()) !== -1)
                {
                    //returns filtered object
                    return document
                }
            }else {
               return document;
            }
        }

    Où $champ d'application.searchDocument est la portée de la variable qui lié à la recherche de zone de texte HTML (balise input) dans laquelle l'utilisateur peut saisir le texte à rechercher.

    • Je trouve cette réponse très déroutant. Comment est-il répondre à la question?
    • Cher Monsieur (@Jason Swett), Quand on a un tableau d'objet et que cet objet ont un autre objet de la propriété dans, par exemple, d'un "document" de la propriété de l'objet de tableau alors nous avons besoin de créer des filtres personnalisés dans le contrôleur pour mettre en œuvre la "recherche" comme fonctionnalité.
    InformationsquelleAutor Ravindra Vairagi
  4. 1

    Dans la dernière version de angularjs imbriquée obj filtre mis en œuvre par défaut.pouvez utiliser le filtre normalement.
    Il angulaire 1 seul

    • Cher @Murali solution ci-dessus est juste angulaire 1.
    • Je suis à l'aide Angulaire 4, mais pas en mesure de filtrer les enregistrements en tant normal
    InformationsquelleAutor Murali