我尝试了什么

Question

我使用的是Angular 1.4，TypeScript 1.6和CommonJS外部模块。

我在这个模块中有三个文件：

paginator.module.ts
paginator.service.ts
paginator.controller.ts

paginator.module.ts看起来像这样：

import PaginatorService = require('./paginator.service');
import PaginatorCtrl = require('./paginator.controller');

var Paginator = angular.module('paginator', [])
  .service('pageService', PaginatorService)
  .controller('pageCtrl', PaginatorCtrl);

此处paginator.service.ts：

class PaginatorService {
    currentPage: number;
    pageCount: number;
    pages: Array<Array<any>>;

    constructor() {
      this.currentPage = 0;
    }
  }

export = PaginatorService;

在paginator.controller.ts中，我使用依赖注入注入pageService和$scope，并且当我给它一个PaginatorService类型时，我希望看到类型信息。

class PaginatorController {
  scope: ng.IScope;
  pageService: PaginatorService;

  /**
   * @param  $scope
   * @param  pageService
   */
  constructor($scope: ng.IScope, pageService: PaginatorService) {
    this.scope = $scope;
    this.pageService = pageService;
  }
 export = PaginatorController;

但是，我在atom-typescript中收到以下错误：

TS Error: Cannot find name 'PaginatorService'.

我尝试了什么

在paginator.controller.js文件中添加另一个导入语句可以解决问题（即import PaginatorService = require('./paginator.service');）。但是，这似乎是多余的，因为我在设置Angular模块时已经require()这项服务。
我尝试在tsc --declaration上使用paginator.service.js生成一个声明文件，您可以在下面查看，但它没有解决问题。

自动生成d.ts文件

declare class PaginatorService {
    currentPage: number;
    pageCount: number;
    pages: Array<Array<any>>;
    constructor();
}
export = PaginatorService;

修改此声明文件以声明模块（环境声明？）似乎可行，但是为我需要迁移到CommonJS语法的100多个Angular服务手动执行此操作会使此方法出现问题。< / LI>

我的问题是这样的：使用CommonJS + Angular + TypeScript来使用正确的模块然后让Angular的依赖注入从那里接管，特别是跨文件的推荐模式是什么？

谢谢！

Answer 1

TS错误：找不到名称'PaginatorService'。

你在做什么

export class PaginatorService

您需要将其导入为

ES6

import {PaginatorService} from "./paginatorService";

或

旧式

import paginatorService = require("./paginatorService"); 
import PaginatorService = paginatorService.PaginatorService;

Angular + TypeScript +外部模块。如何跨文件维护类型信息？

我尝试了什么

1 个答案:

ES6

旧式