angular.js - angular, where do you put the public code?

Question

I initially put it in rootScope, and found that it was a global attribute, so I gave up.
I didn’t want to write it in every controller that needed to be used, so I chose to put it in the controller in the directive. Later, I discovered that directives depend on HTML. If the method is the same but my HTML is different, the directive cannot be used.
It’s a bit confusing. What I mean is: One of my methods may be used everywhere, where do I need to put it? Call the method directly when it is needed in the future.
For example: how to write it as public code

Answer 1

Best to use service或者factory

// use factory
angular.module('YourAppName')
    .factory('YourFuncName', function() {
        return function() {
            // your function code here
        }
    });
    
// use service
angualr.module('YourAppName')
    .service('myUtils',function() {
        this.yourFuncName = function() {
            // your function code here
        }
    })

For the situation in the screenshot

angular.module('YourAppName')
    .factory('YourFuncName', function() {
        return function($scope) {
            return function(modal) {
                // Use $scope Here
            }
        }
    });
    
// 使用时
somthing.then(yourFuncName($scope))