自定义服务如何在angularjs中的custom指令中使用

Question

我是AngularJs的新手。我尝试使用两个自定义指令和一个服务创建一个简单的表单。我创建了两个自定义指令。一个用于表单，另一个用于显示输出数据。我陷入了定制服务方面。我不知道如何在我的应用程序中编写服务。我完全糊涂了。

任何人都可以帮助我吗？

我的JS文件如下所示：

angular.
    module('myApp', []).

    factory('myService', function () {
        return {
            thing: function () {
                console.log('It\'s working');
            }
        };
    }).

    controller('ctrl', ['$scope', function ($scope, myService) {
        $scope.formHead = 'Angular JS Form';
    }]).

    controller('ctrl2', '$scope', 'myService', function ($scope, myService) {
        { myService(list); };
        $scope.list = [];
        $scope.Fname = '';
        $scope.submitTheForm = function () {
            if ($scope.Fname && $scope.age && $scope.place && $scope.sex) {
                $scope.list.push(this.Fname, this.Lname, this.age, this.sex, this.place);
                $scope.Fname = '';
                $scope.Lname = '';
                $scope.age = '';
            }
        };
    }]).

    directive('formAjs', function () {
        return {
            restrict: 'E',
            templateUrl: 'formDirective.html'
        };
    }).

    directive('outputAjs', function () {
        return {
            restrict:'E', 
            controller: function ($scope, $element, $attrs) {
                $scope.list = [];
                this.submitTheForm = function () {
                    $scope.list.push(this.Fname);
                };
            },
            link: function (scope, element, ctrl2) {
                console.log(scope.list);
            },
            templateUrl: 'outputAjs.html'
        };
    });