Appeler une fonction d'entrée du onchange

Je suis en utilisant le contrôleur de syntaxe.

Et lorsque mon fichier d'entrée a changé, je veux déclencher une fonction.

comment faire?

ci-dessous mon code avec $champ d'application de la syntaxe

<input class="upload" type="file" accept="image/*" ng-model="image"
                onchange="angular.element(this).scope().uploadImage(this)">
  • Pourquoi ne pas utiliser ng-change="yourController.yourFunction()" ?
  • si type="file" ,ng-le changement ne peut pas être utilisé.
InformationsquelleAutor Tran Thien Chien | 2016-06-22
  1. 5

    Comme l'a constaté ici, vous pouvez utiliser un custom directive pour écouter les changements dans votre fichier d'entrée.

    view.html:

    <input type="file" custom-on-change="uploadFile">

    controller.js:

    app.controller('myCtrl', function($scope){
    $scope.uploadFile = function(event){
        var files = event.target.files;
    };
});

    directive.js:

    app.directive('customOnChange', function() {
  return {
    restrict: 'A',
    link: function (scope, element, attrs) {
      var onChangeHandler = scope.$eval(attrs.customOnChange);
      element.bind('change', onChangeHandler);
    }
  };
});

    Vue JSFIDDLE

    InformationsquelleAutor Matheno
  2. 2

    Utilisation angulaire scope.$watch. Dans votre contrôleur, ajouter ceci:

    scope.$watch("image", function(newValue, oldValue) {
   //Do anything you want here
   scope.uploadImage(newValue);
}

    Plus d'informations sur scope.$watch: https://docs.angularjs.org/api/ng/type/$rootScope.Portée

    InformationsquelleAutor Huy Hoang Pham
  3. 1

    vous pouvez utiliser ng-change="nameOfFunction()" ce sera déclenchée lors de ce changement d'entrée

    Ou de l'utilisation ICI

    • Je ne pense pas que ng-change travaille dans <input type="file"> selon ceci: github.com/angular/angular.js/issues/1375 (je n'ai pas de test...). Cependant angular-file-upload est en effet une solution possible.
    InformationsquelleAutor abdoutelb