Spezifische Objekt-id aus array von Objekten in AngularJS

Mit ES6-Lösung

Für diejenigen, die noch Lesen, dass diese Antwort, wenn Sie mit ES6 die find Methode wurde Hinzugefügt, in arrays. Also unter der Annahme der gleichen Sammlung, die Lösung wäre:

const foo = { "results": [
    {
        "id": 12,
        "name": "Test"
    },
    {
        "id": 2,
        "name": "Beispiel"
    },
    {
        "id": 3,
        "name": "Sample"
    }
] };
foo.results.find(item => item.id === 2)

Ich würde Total gehen für diese Lösung nun, da ist weniger gebunden an eckige oder andere Frameworks. Reines Javascript.

Winkel-Lösung (alte Lösung)

Ich hat genau dieses problem zu lösen, indem Sie Folgendes tun:

$filter('filter')(foo.results, {id: 1})[0];

Einer use-case-Beispiel:

app.controller('FooCtrl', ['$filter', function($filter) {
    var foo = { "results": [
        {
            "id": 12,
            "name": "Test"
        },
        {
            "id": 2,
            "name": "Beispiel"
        },
        {
            "id": 3,
            "name": "Sample"
        }
    ] };

    //We filter the array by id, the result is an array
    //so we select the element 0

    single_object = $filter('filter')(foo.results, function (d) {return d.id === 2;})[0];

    //If you want to see the result, just check the log
    console.log(single_object);
}]);

Plunker: http://plnkr.co/edit/5E7FYqNNqDuqFBlyDqRh?p=preview

persönlich verwende ich den Unterstrich für diese Art von Sachen... so

a = _.find(results,function(rw){ return rw.id == 2 });

dann "a" wäre die Zeile, die Sie wollte in Ihrem array, in dem die id gleich 2

Können Sie ng-repeat und Holen nur dann Daten, wenn Daten übereinstimmt, was Sie suchen, mit ng-show
zum Beispiel:

 <div ng-repeat="data in res.results" ng-show="data.id==1">
     {{data.name}}
 </div>    

Wenn Sie möchten, dass die Liste der Elemente, wie die Stadt auf der basis von state-id verwenden Sie dann

var state_Id = 5;
var items = ($filter('filter')(citylist, {stateId: state_Id }));

Warum verkomplizieren die situation? dies ist einfach zu schreiben, eine Funktion wie diese:

function findBySpecField(data, reqField, value, resField) {
    var container = data;
    for (var i = 0; i < container.length; i++) {
        if (container[i][reqField] == value) {
            return(container[i][resField]);
        }
    }
    return '';
}

Anwendungsfall:

var data=[{
            "id": 502100,
            "name": "Bərdə filialı"
        },
        {
            "id": 502122
            "name": "10 saylı filialı"
        },
        {
            "id": 503176
            "name": "5 sayli filialı"
        }]

console.log('Result is  '+findBySpecField(data,'id','502100','name'));

Ausgabe:

Result is Bərdə filialı

Wenn Sie können, gestalten Sie Ihre JSON-Daten-Struktur, die durch die Nutzung der array-Indizes als IDs. Sie können sogar "normalisieren" Ihre JSON-arrays, solange haben Sie kein problem damit, über den array-Indizes als "Primärschlüssel" und "Fremdschlüssel", so etwas wie RDBMS. Als solche, die in Zukunft, Sie kann sogar etwas wie das hier tun:

function getParentById(childID) {
var parentObject = parentArray[childArray[childID].parentID];
return parentObject;
}

Dies ist die Lösung "By Design". Für deinen Fall einfach:

var nameToFind = results[idToQuery - 1].name;

Natürlich, wenn Sie Ihre ID-format ist so etwas wie "XX-0001" der array-index ist 0, dann können Sie entweder einige string-manipulation auf der Karte die ID, oder sonst nichts über das getan werden kann, außer durch die iteration Ansatz.

Den einfachen Weg, um (ein) element von array-id:

Die find () - Methode gibt den Wert des ersten Elements im array erfüllt, dass die Prüf-Funktion. Ansonsten undefined zurückgegeben wird.

function isBigEnough(element) {
    return element >= 15;
}

var integers = [12, 5, 8, 130, 160, 44];
integers.find(isBigEnough); //130  only one element - first

brauchen Sie nicht zu verwenden, filter() und fangen Sie erste element xx.filter()[0] wie in den Kommentaren oben

Das gleiche für Objekte im array

var foo = {
"results" : [{
    "id" : 1,
    "name" : "Test"
}, {
    "id" : 2,
    "name" : "Beispiel"
}, {
    "id" : 3,
    "name" : "Sample"
}
]};

var secondElement = foo.results.find(function(item){
    return item.id == 2;
});

var json = JSON.stringify(secondElement);
console.log(json);

Natürlich, wenn Sie mehrere id verwenden Sie dann die filter () - Methode, um alle Objekte.
Cheers

JS:

function isBigEnough(element) {
    return element >= 15;
}

var integers = [12, 5, 8, 130, 160, 44];
integers.find(isBigEnough); //130  only one element - first

JS:

var foo = {
"results" : [{
    "id" : 1,
    "name" : "Test"
}, {
    "id" : 2,
    "name" : "Beispiel"
}, {
    "id" : 3,
    "name" : "Sample"
}
]};

var secondElement = foo.results.find(function(item){
    return item.id == 2;
});

var json = JSON.stringify(secondElement);
console.log(json);

verwenden, $timeout, und führen Sie eine Funktion für die Suche in der "Ergebnis" - array

app.controller("Search", function ($scope, $timeout) {
        var foo = { "results": [
          {
             "id": 12,
             "name": "Test"
          },
          {
             "id": 2,
             "name": "Beispiel"
          },
          {
             "id": 3,
            "name": "Sample"
          }
        ] };
        $timeout(function () {
            for (var i = 0; i < foo.results.length; i++) {
                if (foo.results[i].id=== 2) {
                    $scope.name = foo.results[i].name;
                }
            }
        }, 10);

    });