如何在 Angular 2 中导入带命名空间的 TypeScript class?
How to Import a namespaced TypeScript class in Angular 2?
给定一个命名空间为 TS 模块的 TypeScript class,在文件 CoolApps.Utilities.ts:
module CoolApps {
export class Utilities {
myMethod(){
alert("something awesome");
}
}
}
class 在普通的 TypeScript 应用程序中工作,但我正在尝试找出在 Angular 中引用此 class 的正确方法 2. 我如何在中使用它一个 Angular 2 应用程序(在这种情况下是 Ionic 2)?到目前为止,以下内容尚未解决,所以我的语法可能有误:
import {Page} from 'ionic-framework/ionic';
import {Utilities} from '../../core/CoolApps.Utilities';
像这样使用引用将允许编辑器将代码视为有效,但 Angular 无法解析它(也许导入仅适用于 Angular 特定模块?):
///<reference path="../../core/mapping/OCM.Mapping.ts"/>
导入:
import {CoolApps} from '../../core/CoolApps.Utilities';
Class 用法示例
let util : CoolApps.Utilities = new CoolApps.Utilities();
您还可以从 CoolApps.Utilities.ts 中删除模块声明并像这样转换导入:
import * as CoolApps from '../../core/CoolApps.Utilities';
给定一个命名空间为 TS 模块的 TypeScript class,在文件 CoolApps.Utilities.ts:
module CoolApps {
export class Utilities {
myMethod(){
alert("something awesome");
}
}
}
class 在普通的 TypeScript 应用程序中工作,但我正在尝试找出在 Angular 中引用此 class 的正确方法 2. 我如何在中使用它一个 Angular 2 应用程序(在这种情况下是 Ionic 2)?到目前为止,以下内容尚未解决,所以我的语法可能有误:
import {Page} from 'ionic-framework/ionic';
import {Utilities} from '../../core/CoolApps.Utilities';
像这样使用引用将允许编辑器将代码视为有效,但 Angular 无法解析它(也许导入仅适用于 Angular 特定模块?):
///<reference path="../../core/mapping/OCM.Mapping.ts"/>
导入:
import {CoolApps} from '../../core/CoolApps.Utilities';
Class 用法示例
let util : CoolApps.Utilities = new CoolApps.Utilities();
您还可以从 CoolApps.Utilities.ts 中删除模块声明并像这样转换导入:
import * as CoolApps from '../../core/CoolApps.Utilities';