AngularJS: Zwei-Wege-Bindung zwischen einem Textarea und ng-repeated-Eingaben

8

Ich wollte das als Frage stellen, aber ich habe eine Lösung gefunden. An dieser Stelle suche ich nach einer Kritik meiner Lösung.

  1. Ich habe eine statische textarea und eine input mit einer ng-repeat -Direktive.

  2. Wenn der Benutzer einen Satz in textarea eingibt, wird für jedes Wort im Satz ein input gerendert.

  3. Wenn der Benutzer den Text in input aktualisiert, wird das entsprechende Wort im textarea -Satz aktualisiert (tatsächlich wird der ganze Satz neu erstellt).

Demo: Zypern

Fragen

Wenn ich bedenke, dass ich erst 2 Wochen in meinem AngularJS-Lernen bin:

  • Habe ich das "eckig" geschrieben?
  • Kann ich etwas besser machen?
  • Verstoße ich gegen irgendwelche Nicht-Nos?

Abgekürzter Code

HTML

%Vor%

JavaScript

%Vor%     
Walter Stabosz 03.04.2013, 20:52
quelle

1 Antwort

1

Interessantes Problem, das Sie haben. Ich habe Ihren Code auf meiner Seite abgelegt und das erste, was mir aufgefallen ist, ist, dass Sie die Entprellung in der Controller-Methode nicht bestehen können.

Nächstes Problem Ich habe festgestellt, dass Sie eine ng-Änderung haben, die die Werte in einer anderen Box mit ng-change ändert. Ich habe das Ereignis in Keypress geändert, um den Digest in einem Digest zu stoppen.

Hier funktioniert es in JSFiddle Linkbeschreibung hier eingeben

Der Code:

HTML

%Vor%

JavaScript

%Vor%

Ich hoffe, das löst Ihr Problem.

    
Jim Fallin 30.05.2015 23:26
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Verwenden von image404 mit azurereader2 in ASP.net