Angular Loading service using Bootstrap UI

loadingService.ts

import { Inject, Service } from "core/decorators";

@Service("loadingService")
export class LoadingService {
    private _modal: ng.ui.bootstrap.IModalServiceInstance;

    constructor(
        @Inject("$uibModal") private _modalService: ng.ui.bootstrap.IModalService
    ) {
    }

    public show(): void {
        this._modal = this._modalService.open({
            size: "sm",
            template: `
                <div class="modal-body text-center">
                    <h3>Loading...</h3>
                    <div class="spinner" style="margin: 20px auto 0;"></div>
                </div>
            `
        });
    }

    public hide(): void {
        this._modal.close();
    } 
}