TypeScript main.angularApp类代码示例

    private _configureFilterCache(): void {

        // el nombre de la clave de cache sera: 'nombreclase.filter', de este modo cada lista podra reusar su cache de filtros
        let cacheFilterKey: string = (this.constructor as any).name + ".filter";

        this._listStateProperties = angularApp.getCacheFactory(enumCacheFactoryKeys.CACHE_FILTER_ID).get(cacheFilterKey) as IListStateProperties<TFilter>;
        if (undefined == this._listStateProperties) {
            this._resetListStateProperties();
            angularApp.getCacheFactory(enumCacheFactoryKeys.CACHE_FILTER_ID).put(cacheFilterKey, this._listStateProperties);
        }
    }

    constructor($scope: ng.IScope, usersService: IUsersService) {
        this._scope = $scope;
        this._usersService = usersService;

        this._users = [];

        this._init();
    }

    /** Users */
    public get Users(): IUserModel[] {
        return this._users;
    }

    private _init(): void {

        this._usersService.getUsers().then((resultCallback: IUserModel[]) => {
            this._users = resultCallback;
        });
    }

}

// establecer variables a inyectar en el controlador
// NOTA: (Deben seguir el mismo orden que el constructor del controlador)
UsersController.$inject = ["$scope", "usersService"];

// registrar el controlador en la aplicacion
angularApp.registerController("usersController", UsersController);

            mainContent.insertBefore(alertsContainer, mainContent.firstChild);

            // crear la alerta en su contenedor y cerrarla en el tiempo especificado
            let uibAlert: HTMLElement = document.createElement("div");
            uibAlert.setAttribute("uib-alert", "");
            uibAlert.setAttribute("data-ng-repeat", `alert in ${ROOT_SCOPE_ALERT_PROPERTY}`);
            uibAlert.setAttribute("data-ng-class", "'alert-' + (alert.typeuib || 'warning')");
            uibAlert.setAttribute("close", `${ROOT_SCOPE_CLOSE_ALERT_FN}(alert.id)`);
            uibAlert.innerHTML = "{{ alert.html }}";

            alertsContainer.appendChild(uibAlert);

            this._compile(alertsContainer)(this._rootScope);
        }

    }

    private _closeAlert(id: number): void {
        // NOTA: angular ui entra en esta funcion desde otro ambito, y no puede usarse una propiedad de la IClientAlertsService
        let item: any = Helpers.findArrayItemFromPropertyValue(angularApp.rootScopeService[ROOT_SCOPE_ALERT_PROPERTY], "id", id);
        let index: number = angularApp.rootScopeService[ROOT_SCOPE_ALERT_PROPERTY].indexOf(item);
        angularApp.rootScopeService[ROOT_SCOPE_ALERT_PROPERTY].splice(index, 1);
    }


}

// NOTA: (Deben seguir el mismo orden que el constructor del viewmodel)
UiToastService.$inject = ["$rootScope", "$compile"];
angularApp.registerService("uiToastService", UiToastService);

            this._readConnectedUserInfo();
        }

        this._rootScope.$on(EVT_LOGIN, () => {
            this._readConnectedUserInfo();
        });

        this._rootScope.$on(EVT_LOGOUT, () => {
            this._connectedUser = undefined;
        });
    }

    private _readConnectedUserInfo(): ng.IPromise<void> {

        let url: string = `${BASE_URL}content/mocks/userInfo.json`;

        return this.httpGet<IUserModel>(url)
            .then((resultCallback: ng.IHttpPromiseCallbackArg<IUserModel>): void => {
                this._connectedUser = resultCallback.data;
            })
            .catch(() => {
                this._connectedUser = undefined;
            })
            .finally(() => { this._rootScope.$emit(EVT_USERINFO_LOADED); });
    }
}

// NOTA: (Deben seguir el mismo orden que el constructor del viewmodel)
UsersService.$inject = ["$rootScope", "$http", "$q", "authenticationService"];
angularApp.registerService("usersService", UsersService);

 *   <loader></loader>
 * @endcode
 */
let loaderComponent: Function = (): ng.IComponentOptions => {
    // crear y retornar el objeto con el componente
    return {
        controller: "loaderComponentController",
        template: `
        <div class="black-bg loader">
            <i class="fa fa-circle-o-notch fa-spin fa-fw"></i>
        </div>`
    };
};

// registrar la directiva en la aplicacion
angularApp.registerComponent("loader", loaderComponent());


/******************************************
 * Controlador del componente
 */

/** @Brief Controlador para el componente "loaderComponent" */
class LoaderComponentController {

    // Servicios
    private _rootScope: ng.IRootScopeService;
    private _scope: ng.IScope;
    private _element: JQuery;

/******************************************
 * Componente
 */

/** @Brief componente con un menu lateral para la pagina principal de la aplicacion
 * @code
 * <main-sidebar></main-sidebar>
 * @endcode
 */
let mainSidebarComponent: ng.IComponentOptions = {
    controller: "mainSidebarComponentController",
    templateUrl: "app/components/main/mainSidebar.component.html"
};

// registrar el componente en la aplicacion
angularApp.registerComponent("mainSidebar", mainSidebarComponent);



/******************************************
 * Controlador
 */


/** @Brief Controlador para el componente 'mainSidebarComponent' */
class MainSidebarComponentController {

    // Servicios
    private _scope: ng.IScope;
    private _attrs: any;
    private _element: JQuery;

            };

            this._localStorageService.set(LOCAL_STORAGE_AUTH_KEY, loginResponse);

            this._rootScope.$emit(EVT_LOGIN);

            return loginResponse;
        })
        .catch((reason: any) => {
            angularApp.logService.error("Error: auth.service - login: " + angular.toJson(reason.data));
            this.logOut();
            return this._q.reject(reason);
        });

    }

    public logOut(): void {
        this._localStorageService.remove(LOCAL_STORAGE_AUTH_KEY);

        this._rootScope.$emit(EVT_LOGOUT);
        angularApp.logService.debug("authentication.service - logOut");
    }


};


// NOTA: (Deben seguir el mismo orden que el constructor del viewmodel)
AuthenticationService.$inject = ["$rootScope", "$http", "$q", "localStorageService"];
angularApp.registerService("authenticationService", AuthenticationService);

import { angularApp } from "app/main";

class HomeController {

    // services
    private _scope: ng.IScope;

    /** Constructor por defecto de la clase */
    constructor($scope: ng.IScope) {
        this._scope = $scope;
    }
}

// establecer variables a inyectar en el controlador
// NOTA: (Deben seguir el mismo orden que el constructor del controlador)
HomeController.$inject = ["$scope"];

// registrar el controlador en la aplicacion
angularApp.registerController("homeController", HomeController);