AngularJS function not triggered via ngf-select

Question

Trying to upload an image file and process it in an AngularJS function called onFileSelect. However after the Choose File button was clicked the value of $scope.fileMsg inside onFileSelect was not updated. Any tips? Thanks a bunch!

<div ng-app="myApp" ng-controller="myCtrl">
    <form name="myForm">
        <div>
            <input type="file" ngf-select="onFileSelect(file)" name="file">
            <span ng-show="fileMsg">{{fileMsg}}</span>
        </div>
    </form>
</div>
<script>
   var app = angular.module('myApp', []);
   app.controller('myCtrl', function($scope, $http) {
        $scope.fileMsg = "Checkpoint 1";
        $scope.onFileSelect = function(file) {
        $scope.fileMsg = "Checkpoint 2";
        }
    }
);
</script>

WilsonPena · Accepted Answer · 2018-04-13 19:57:09Z

2

You have to insert the 'ngFileUpload' in the module, like this:

var app = angular.module('myApp', ['ngFileUpload']);

And, if you haven't already, inject the necessary scritps.

Here is a working Fiddle: http://jsfiddle.net/ADukg/23032/

answered Apr 13, 2018 at 19:57

WilsonPena

1,5912 gold badges23 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cindy Over a year ago

Thanks! I was able to make it after adding the ngFileUpload. I also needed to download a copy of ng-file-upload.js and include it in the HTML. Cheers :-)

Collectives™ on Stack Overflow

AngularJS function not triggered via ngf-select

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related