Wie kann man Daten aus einem Array mit angularJS abrufen?

Question

Wie kann man Daten aus einem Array abrufen, indem man einen bestimmten Kunden auswählt, der auf der Benutzeroberfläche angezeigt wird, indem man angulares JS verwendet? Angenommen, wir haben ein Kunden-Array, in dem Kundendetails enthalten sind (wie Name, E-Mail, Telefon usw.). Jetzt möchte ich einen bestimmten Kunden auswählen, um alle Informationen zu erhalten, die in der entsprechenden Benutzeroberfläche des Kunden angezeigt werden.

Dies ist die Ansicht: enter image description here Die linke Seite zeigt die Liste der Kunden und ich möchte jeden einzelnen Kunden auswählen und nach der Auswahl eines Kunden muss alle erforderlichen Feld dynamisch durch Abrufen von Daten aus dem Array Controller gefüllt werden.

Answer 1

Ich nehme an, dass Sie auf einer einzigen Seite auf der linken Seite eine Kundenliste haben. Sobald ein Kunde geklickt wird, müssen Sie seine Informationen auf der rechten Seite anzeigen. , wenn Sie ein Array wie folgt in Customerse

{[ 
    {id:1, name: "John Doe", email: "example1@domain.com", phone: "00000"}, 
    {id:2, name: "Johnny Doe", email: "example2@domain.com", phone: "11111"}, 
    {id:3, name: "John Roe", email: "example3@domain.com", phone: "22222"}, 
]} 

in Ihrem HTML für die linke Seite haben, haben Sie ng-repeat verwendet, um die Kunden zu verzeichnen, hier verwenden ng Sie auf und speichern sie in einer anderen Variablen - so etwas wie folgt .

Dann können Sie diese Variable (viewCustomer) verwenden, um das auf der rechten Seite angezeigte Formular zu füllen. Etwas wie unten.

<form name="customerForm"> 
    <input type="text" name="name" ng-model="viewCustomer.name"> 
    <input type="text" name="name" ng-model="viewCustomer.email"> 
    <input type="text" name="phone" ng-model="viewCustomer.phone"> 
</form> 

Die viewCustomer werden in Ihrem Controller in $ scope.viewCustomer zur Verfügung, so dass Sie es verwenden können, um die Änderungen auf dem Formblatt zu speichern.

Hoffe das half.