Angularjs | Search JsonArray für spezifische Wert

Habe ich diese vereinfacht so viel wie möglich.
Ich bin mit angularjs, ich habe einen controller mit einem array von json-Objekten wie diesem:

controller('simpleC', function ($scope) {

  $scope.myArrayOfValues = [
    {
       "name" : "name1",
       "extra": "data"
    },
    {
       "name" : "name2",
       "extra": "data"
    },
    {
       "name" : "name3",
       "extra": "data"
    }
  ];
});

In meinem html-Ansicht ich möchte schnell finden, eine bestimmte json-Objekt aus diesem array auf den Wert von name. Offensichtlich, was ich geschrieben habe, unten ist falsch, aber das Ergebnis ist es, was ich will.

<div ng-show="myArrayOfValues['name2']"></div>

Gibt es eine Winkel-Funktion die ich verwenden kann, um darüber zu gehen dies ist, vermeiden, mir hat das erstellen einer for-Schleife oder hash map?

  • {{ (myArrayOfValues | filter : {name: 'name2' })[0].extra }}
  • Danke @doogabides! Dies war am einfachsten zu verwenden. Sie sollten schreiben Sie als Antwort.
InformationsquelleAutor zafrani | 2015-05-23
  1. 5

    Den Sie verwenden möchten eine filter. Lassen Sie uns sagen, Sie haben eine Liste.

    <ul>
  <li ng-repeat="item in myArrayOfValues">{{item.name}}</li>
</ul>

    Nun lassen Sie uns sagen, Sie wollen die Suche nach einem Namen mit einer genauen übereinstimmung.

    <input ng-model="search.name"><br>
<ul>
  <li ng-repeat="item in myArrayOfValues | filter:search:true">{{item.name}}</li>
</ul>

    Den letzten parameter true ist, was macht es eine genaue übereinstimmung. Lassen Sie den letzten parameter off oder legen Sie es auf false für eine case-insensitive substring-Suche.

    InformationsquelleAutor Andy Gaskell
  2. 2

    Ich denke, der beste Weg ist es einen filter zu erstellen

    app.filter('getObj', [
    function() {
        return function(input,val) {
            var r,i;
            for(i; i<input.length;i++) {
                if (input[i].name === val) {
                   r = input[i];
                   break;
                }
            };
            return r;
        };
    }
]);

    dann könnten Sie es auf diese Weise 

    <div ng-show="myArrayOfValues|getObj('name2')"></div>

    oder vielleicht nur formatieren Sie Ihre json-in einer anderen Weise zu verwenden, wie Sie möchten

      $scope.myArrayOfValues = {
       name1 :  {
           "name" : "name1",
           "extra": "data"
        },
        name2 : {
           "name" : "name2",
           "extra": "data"
        },
        name3 : {
           "name" : "name3",
           "extra": "data"
        }
      };

    und 

    <div ng-show="myArrayOfValues['name2']"></div>

    funktionieren.

    InformationsquelleAutor Olivierodo
Schreibe einen Kommentar