无法使用带有TypeScript的angular 1.6从服务中获取数据

// 定义一个服务
module app.services {
    'use strict';

    export class DataService {
        static $inject = ['$http'];

        constructor(private $http: ng.IHttpService) {}

        getData(): ng.IPromise<any> {
            return this.$http.get('/api/data')
                .then((response: ng.IHttpPromiseCallbackArg<any>) => {
                    return response.data;
                })
                .catch((error: any) => {
                    console.error('Error fetching data', error);
                    throw error;
                });
        }
    }

    angular.module('app').service('DataService', DataService);
}

// 在控制器中使用服务
module app.controllers {
    'use strict';

    export class MyController {
        static $inject = ['DataService'];

        data: any;

        constructor(private DataService: app.services.DataService) {
            this.loadData();
        }

        loadData() {
            this.DataService.getData()
                .then((data: any) => {
                    this.data = data;
                })
                .catch((error: any) => {
                    console.error('Error in controller', error);
                });
        }
    }

    angular.module('app').controller('MyController', MyController);
}