ng changement ne fonctionne pas après le premier téléchargement

Question

http://embed.plnkr.co/keaGc3Y4Pmgfs04HJgnC/

Voici le lien de mes code.I essaie de valider mon téléchargement en désactivant le bouton de données de charge lorsque le fichier est vide. Cela fonctionne pour la première fois, mais lorsque la prochaine fois que je télécharge le fichier, ng-change ne fonctionne pas et le bouton est toujours désactivé même si j'ai téléchargé le fichier suivant. Je suis un débutant dans AngularJS, donc je peux faire quelques erreurs de base.

Answer 1

Puisque vous essayez de télécharger le même fichier, l'événement onChange ne se déclenche pas, car il est le même fichier. Pour résoudre ce problème, vous devez désactiver le champ de saisie après avoir téléchargé le fichier. Malheureusement, vous devez utiliser jQuery (ou obtenir l'élément wit vanilla js) pour cela. Donc, dans votre fonction onFileLoad que vous pourriez faire quelque chose comme ceci:

angular.element("input[type='file']").val(null); // Unset Input 
$scope.filename = undefined; // Unset $scope property 

Notez que ce n'est pas la voie « angulaire » de le faire. Il serait préférable de déplacer ceci dans une directive, parce que vous ne devriez pas manipuler le DOM dans un contrôleur.

Mise à jour: Comme dit précédemment, vous devez inclure jQuery pour que cela fonctionne. JqLite d'Angular ne prend pas en charge la sélection des éléments DOM par ses type. Ainsi, soit vous incluez jQuery (doit être chargé avant angulaire!), Soit vous modifiez le code pour pouvoir utiliser vanSJS ou jqlite.

Answer 2

Please change, initially 

vm.foo = 'Monthly' 

<input type="radio" name="{{item.deviceId}}" ng-model="renew.foo" ng-value="'Monthly'" ng-click="renew.updatePref(item, 'Monthly')">Monthly 
<input type="radio" name="{{item.deviceId}}" ng-model="renew.bar" ng-value="'Yearly'" ng-click="renew.updatePref(item, 'Yearly')">Yearly 
you have use ng-change, change event never happen as value for these input remains always same. use, 

var vm = this; 
you are also using ng-value="Monthly", Monthly is variable (undefiend) for ng-value. either use value="Monthly" or ng-value="'Monthly'".