Angular-ui-router 打字稿定义

当我们更新应用程序以使用 angular-ui-router v1.0.3 时，我们在打字稿定义方面遇到了一些问题。 由于我们使用 $stateChangeSuccess 事件，迁移指南告诉我们现在应该使用 TransitionService.onSuccess

当所有内容都编译为 js 时，它工作正常，但问题是 Typescript 定义文件（使用 npm/@types 下载）中不存在 TransitionService，这给我们构建时带来了麻烦。

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/angular-ui-router https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/angular-ui-router

通过查看 node_modules 文件夹中的 ui-router 源文件夹，我可以看到源已经存在打字稿定义文件。

1. 那么 @types/angular-ui-router 的打字稿定义是否缺少 TransitionService ？
2. 或者我应该使用源代码提供的定义文件？ （如果是这样，怎么办？）
3. 还有其他方法吗？

Angular-ui-router api TransitionService：https://ui-router.github.io/ng1/docs/latest/classes/transition.transitionservice.html https://ui-router.github.io/ng1/docs/latest/classes/transition.transitionservice.html.

我已经找到了关于你的问题的解决方案。 “$transitions”的类型为 TransitionService。

您可以从应用程序的任何 .ts 文件中的“@uirouter/angularjs”导入 TransitionService。那么请使用 angularjs 的依赖注入。

路由器.ts 文件：

import { TransitionService } from '@uirouter/angularjs';

export class AppRouter {

    static inject = ['$rootScope', '$state', '$stateParams', '$transitions'];

    constructor(
        $rootScope: any,
        $state: ng.ui.IStateProvider,
        $stateParams: ng.ui.IStateParamsService,
        $transitions: TransitionService
    )
    {
        $rootScope.$state = $state;
        $rootScope.$stateParams = $stateParams;
    }
}

app.ts:

angular
// main module initialization and injecting third party modules
.module(app, [
    'schemaForm', 'ui.router', 'base64', 'ng', 'ngMessages', 'angularMoment'
])
// angularjs configs
.config(routesConfig)
.run(['$rootScope', '$state', '$stateParams', '$transitions', AppRouter])

另请记住，下页描述的其他服务：https://ui-router.github.io/ng1/docs/latest/modules/injectables.html https://ui-router.github.io/ng1/docs/latest/modules/injectables.html可以以相同的方式注入：从“@uirouter/angularjs”导入。

Example:

 import {
     StateService, TransitionService, Transition, UrlRouter, UrlMatcherFactory,
     StateParams, StateRegistry, UIRouterGlobals, UIRouter, Trace, UrlService
 } from "@uirouter/core";