Angular.js: ng-model aktualisiert sich nicht, wenn ein Wert an ein Eingabefeld gesendet wird

Erstellt am 19. Aug. 2015  ·  3Kommentare  ·  Quelle: angular/angular.js

Beispiel: Ich habe 3 Eingabefelder. Die Werte aus dem ersten und zweiten Eingabefeld werden berechnet und das Ergebnis im dritten Eingabefeld angezeigt.

var1 = parseFloat($("#input1").val();
var2 = parseFloat($("#input2").val();
result = var1 + var2;

$("#input3").val(result);

<input type="number" id="input3" name="input3" ng-model="editForm.input3" ng-currency class="form-control input-sm" placeholder="input3">

Ich kann das Ergebnis auf dem Formular in input3 sehen, aber wie kann ich das Modell aktualisieren?

Hilfreichster Kommentar

Versuche dies-

$("#input3")
  .val(result)
  .trigger('change')

Im Allgemeinen möchten Sie das Modell, an das Ihre Eingabe gebunden ist, aktualisieren (und sie durch Winkel in die Ansicht übertragen lassen), anstatt Ihre Ansicht direkt zu aktualisieren. Letzteres wird normalerweise nur in Unit-Tests verwendet.

Alle 3 Kommentare

Versuche dies-

$("#input3")
  .val(result)
  .trigger('change')

Im Allgemeinen möchten Sie das Modell, an das Ihre Eingabe gebunden ist, aktualisieren (und sie durch Winkel in die Ansicht übertragen lassen), anstatt Ihre Ansicht direkt zu aktualisieren. Letzteres wird normalerweise nur in Unit-Tests verwendet.

Eigentlich fühlt sich das nicht wie Angular-Code an. In Angular ist es umgekehrt: Sie aktualisieren das Modell und die Änderung spiegelt sich in der Ansicht wider. (Das Modell ist die einzige Quelle der Wahrheit.)

Anstatt also zu versuchen, den Wert festzulegen und zu erwarten, dass das Modell aktualisiert wird, sollten Sie das Modell aktualisieren ( editForm.input3 ) und der Wert des Elements würde als Ergebnis aktualisiert.

Dies ist jedoch eine allgemeine Support-Frage und sollte an die entsprechenden Kanäle gerichtet werden .
GitHub-Probleme sind Fehlerberichten und Funktionsanfragen vorbehalten.

Dies war praktisch für meine typeahead+bloodhound-Integration mit angleJS

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen