1

我想创建一个“实用模块”：tnt.module.ts：

import {NgModule} from '@angular/core';
import {toUpperCase} from "./tnt.utils";

@NgModule({
  declarations: [
    toUpperCase
  ],
  exports: [
    toUpperCase
  ]
})
export default class TntModule {}

这是一个 util 函数示例：tnt.utils.ts

export const toUpperCase= function (str:String) {
  return str.toUpperCase()
}

我收到一个错误：

ERROR in [default] /data/2016/le-tube/src/app/shared/tnt/tnt.module.ts:5:10 
Argument of type '{ imports: undefined[]; declarations: ((str: String) => string)[]; exports: ((str: String) => str...' is not assignable to parameter of type 'NgModule'.
  Types of property 'declarations' are incompatible.
    Type '((str: String) => string)[]' is not assignable to type '(any[] | Type<any>)[]'.
      Type '(str: String) => string' is not assignable to type 'any[] | Type<any>'.
        Type '(str: String) => string' is not assignable to type 'Type<any>'.
          Type '(str: String) => string' provides no match for the signature 'new (...args: any[]): any'

我错过了什么？为什么我不能创建具有简单功能的模块？我想我只是错过了一个简单的细节，但我无法弄清楚......

4

2 回答 2

0

你不能从 NgModule 导出函数，

出口：数组|任何[]>

指定可以在任何组件的模板中使用的指令/管道/模块列表，这些组件是导入此 Angular 模块的 Angular 模块的一部分。

在此处阅读有关它的更多信息

希望这可以帮助！！

于 2016-09-26T00:03:02.847 回答
0

您不能从模块中导出函数。

你有两个选择：

1）创建一个utililty.ts文件并在其中创建要导出的函数。

export function utlityFunction1(param1, param2) { return param1+param2; )

您可以像任何其他对象一样在代码文件中导入此函数。

import { utilityFunction } from './utility.ts'

2）创建一个UtilityService并将其注入到您的组件中。

更多关于这里https://angular.io/docs/ts/latest/guide/dependency-injection.html

于 2016-09-26T09:04:07.940 回答