Dynamisches Modell mit Array-Objekt in AngularJS

Question

ich meine Daten in Während

$scope.data = { 
    name:'abc', 
    Address:[{ 
    Address1:'XXXX', 
    state:'XXXX', 
    County:'XXXX' 
    }] 
} 


<input type="text" class="form-control" name="Address1" ng-model="data.Address[0][Address1]"> 
<input type="text" class="form-control" name="state" ng-model="data.Address[1][State]"> 
<input type="text" class="form-control" name="County" ng-model="data.Address[2][County]"> 

unten Format speicherte das Abrufen von Daten-I-Daten in folgendem Format bin immer:

$scope.data = { 
    name:'abc', 
    Address:[{ 
    state:'XXXX', 
    County:'XXXX' 
    }] 
} 

Wo eine der Array-Objekte (Address1) fehlt, so dass ich das Formularmodell nicht aktualisieren kann, auch wenn die Daten verfügbar sind. Gibt es eine Problemumgehung, um das obige Problem zu lösen?

Answer 1

Ändern Sie Ihr Eingabemodell in den Index 0, da dies das Arrayelement ist, auf das Sie ausgerichtet sind. Danach ändern Sie Ihre Referenz auf die . Notation und nicht mit Klammern []. Sie können die Klammern verwenden, aber stellen Sie sicher, dass sie Zeichenfolgen wie data.Address[0]['Address1'] bilden. Aber das ist hier nicht nötig. Auch:

<input type="text" name="Address1" ng-model="data.Address[0].Address1"> 
<input type="text" name="state" ng-model="data.Address[0].state"> 
<input type="text" name="County" ng-model="data.Address[0].County"> 

(entfernt Klasse der Einfachheit halber)

(verwenden Sie state oder State?)