directive.js

(function (module) {
    'use strict';

    module.directive('upload', ['$http', function ($http) {

        var htmlTemplate = [
            '<div>',
            '<input type="file" name="{{inputName}}">',
            '<a class="btn btn-primary btn-sm"  target="_blank" ng-href="{{downloadLink}}" ng-if="hasDownloadLink">{{title_button}}</a>',
            '</div>'
        ].join('');

        return {
            restrict: 'E',
            scope: {
                downloadLink: '=',
                inputName: '@',
                urlServer: '@'
            },
            template: htmlTemplate,
            link: function (scope, el) {

                if (scope.inputName === undefined) {
                    scope.inputName = 'upload';
                }

                if (scope.title_button === undefined) {
                    scope.title_button = 'Baixar arquivo';
                }

                scope.hasDownloadLink = !scope.linkDownload;

                el.on('change', function () {
                    $http({
                        url : scope.urlServer,
                    })
                });

            }
        }
    }]);

})(angular.module('upload-directive', []));