Angular: Empty Fiddle

http://angularjs.org/

by Sourabh_

HTML

<script src="https://code.angularjs.org/1.3.10/angular.js"></script>
    <div ng-controller="UploadFilesCtrl">
        <input type="file" onchange="angular.element(this).scope().uploadFiles(this)" multiple />
        <ul>
            <li ng-repeat="name in filenames">
                {{name}}
            </li>
        </ul>
        <button ng-click="test()">PRINT</button>
    </div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.controller('UploadFilesCtrl', ['$scope', function($scope){

    $scope.uploadFiles = function(element){

        var files = element.files;
        var filenames=[];

        for (i=0; i<files.length; i++){
            filenames.push(files[i].name);
        }


        $scope.files = files;
        $scope.filenames = filenames;   
if ($scope.$root.$$phase != '$apply' && $scope.$root.$$phase != '$digest') {
    $scope.$apply();
}
        console.log("Files: "+JSON.stringify(files) + "Filenames: "+ filenames);
    };


    $scope.test = function(){
        console.log("Files: "+JSON.stringify($scope.files) + "Filenames: "+ $scope.filenames);
    }
}]);