Angular.js: ng-model ne se met pas à jour lors de l'envoi d'une valeur à un champ de saisie

Créé le 19 août 2015  ·  3Commentaires  ·  Source: angular/angular.js

exemple : j'ai 3 champs de saisie. Les valeurs des premier et deuxième champs de saisie sont calculées et le résultat est affiché dans la troisième zone de saisie.

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">

je peux voir le résultat sur le formulaire dans input3, mais comment puis-je mettre le modèle à jour ?

Commentaire le plus utile

essaye ça-

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

généralement, vous souhaitez mettre à jour le modèle auquel votre entrée est liée (et laisser angular le propager à la vue) au lieu de mettre à jour votre vue directement. ce dernier n'est généralement utilisé que dans les tests unitaires.

Tous les 3 commentaires

essaye ça-

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

généralement, vous souhaitez mettre à jour le modèle auquel votre entrée est liée (et laisser angular le propager à la vue) au lieu de mettre à jour votre vue directement. ce dernier n'est généralement utilisé que dans les tests unitaires.

En fait, cela ne ressemble pas à du code angulaire. Dans Angular, c'est l'inverse : vous mettez à jour le modèle et le changement est reflété dans la vue. (Le modèle est la seule source de vérité.)

Ainsi, au lieu d'essayer de définir la valeur et de s'attendre à ce que le modèle soit mis à jour, vous devez mettre à jour le modèle ( editForm.input3 ) et la valeur de l'élément serait mise à jour en conséquence.

Cela dit, il s'agit d'une question d'assistance générale qui doit être adressée aux canaux appropriés .
Les problèmes GitHub sont réservés aux rapports de bogues et aux demandes de fonctionnalités.

Cela s'est avéré pratique pour mon intégration de typeahead+bloodhound avec angularJS

Cette page vous a été utile?
0 / 5 - 0 notes