weather-directive.ts

namespace app.directives.weather {
    class WeatherController {
        public static $inject: Array<string> = ["temperatureService"];

        public currentTemperature: number;

        constructor(private temperatureService: app.services.TemperatureService) {
            this.loadTemperature();
        }

        private loadTemperature(): void {
            this.temperatureService.getTemperature()
                .then((temp) => {
                    this.currentTemperature = temp;
            });
        }
    }

    angular.module("app").directive("weather", (): ng.IDirective => {
        return {
            restrict: 'E',
            controller: WeatherController,
            controllerAs: 'weatherCtrl',
            templateUrl: 'directives/weather/weather-template.html'
        };
    });
}