Thursday, March 19, 2015

Model for selecting file in angularJS

Create directive
 
gaMobileApp.directive('fileModel', ['$parse', function ($parse) {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
            var model = $parse(attrs.fileModel);
            var modelSetter = model.assign;
          
            element.bind('change', function(){
                scope.$apply(function(){
                    modelSetter(scope, element[0].files[0]);
                });
            });
        }
    };
}]);

Use directive

<input type="file" file-model="file1" />

No comments:

Post a Comment