Calling helper function in controller

Question

I have a function which i am using across the application in my controllers.

function hideErrorMessage() {
    var error = {};
    error.value = false;
    error.errorMessage = "";
    $scope.error = error;
}

How could i put this in a separate file and reference it across the application from there?

Below is a simple service i have created.

myApp.service('utilService', function() {
    this.hideErrorMessage= function() {
        var error = {};
        error.value = false;
        error.errorMessage = "";
        return error;
    };
});

My worry is i am using this helper function in many places, if i return an error object and then assign it to my $scope.error = utilService.hideErrorMessage() in my controller, will it be a costly operation.

I am using the hideErrorMessage() in multiple places in a same file to hide error message when it passes.

Answer 1

Just add a script tag with your file containing your service to the html that has your ng-app directive. Be sure to add it after the script tag for the angular library.