2017-06-07 1 views
1

Dies ist das erwartete Markup dieWie dynamische Felder zu erhalten, indem ng-Modell

dynamisch erstellt wird
<textarea data-ng-model="cv.experience[content.title]"></textarea> 
<textarea data-ng-model="cv.experience[content.title]"></textarea> 
... 

Dies ist die Probe des JSON I

experience:{ 

    content:[ 
     { 
      header:String, 
      title:String, 
      start_date:Date, 
      end_date:Date, 
      location:String, 
      description:String 
     }, 
     { 
      header:String, 
      title:String, 
      start_date:Date, 
      end_date:Date, 
      location:String, 
      description:String 
     }, 
     .... 
    ] 
} 

Wie erreichen wollen kann ich über Struktur mit ng-model

+0

Überprüfen Sie meine Lösung und sehen Sie, ob Sie das suchen. – mhodges

Antwort

1

archivieren Sie werden ng-repeat dafür verwenden wollen:

Dies erstellt ein Textbereich für jedes Objekt in cv.experience.content und bindet dann ng-model an die Titeleigenschaft jedes Objekts. Ich denke, das ist es, wonach Sie suchen, ja?

<textarea data-ng-model="content.title" data-ng-repeat="content in cv.experience.content"> 
</textarea> 
+0

Danke, aber die Natur von 'ng-Modell' ist Zwei-Wege ** Datenbindung ** Wenn ich Daten in irgendeinem' textarea' aktualisieren will erscheint es allen 'textarea' das ist ein Problem für mich, ich brauche wenn Benutzer Daten eingeben irgendein 'textarea' erscheint nicht allen' textarea' und erzeugt Objekt auf wiederholten Feldern als meine ** JSON ** Struktur –

+0

@Kassambinary Ich bin mir nicht ganz sicher, was Sie damit meinen. Wenn Sie diesen Code ausführen, wird nur jeder Textbereich an die Titeleigenschaft eines einzelnen Objekts gebunden. Wenn Sie erwarten, dass 'ng-model' JSON für Sie erstellt und ausbaut, dann ist das nicht 'ng-model'. Ich würde vorschlagen, die Dokumentation darüber zu lesen. – mhodges

Verwandte Themen