【问题标题】:How to Import a namespaced TypeScript class in Angular 2?如何在 Angular 2 中导入命名空间的 TypeScript 类?
【发布时间】:2016-03-27 04:18:06
【问题描述】:

给定一个命名空间为 TS 模块的 TypeScript 类,在文件 CoolApps.Utilities.ts 中:

    module CoolApps {
        export class Utilities {
            myMethod(){
               alert("something awesome");
            }
        }
    }

该类在普通的 TypeScript 应用程序中工作,但我试图找出在 Angular 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"/>

【问题讨论】:

    标签: typescript angular ionic2


    【解决方案1】:

    进口:

    import {CoolApps} from '../../core/CoolApps.Utilities';
    

    类使用示例

    let util : CoolApps.Utilities  = new CoolApps.Utilities();
    

    您还可以从 CoolApps.Utilities.ts 中删除模块声明并像这样转换导入:

    import * as CoolApps from '../../core/CoolApps.Utilities';
    

    【讨论】:

    • 如果 CoolApps 命名空间被拆分到多个文件中,例如CoolApps.ImageProcessing 还是 CoolApps.PhotoUpload?只是不确定模块中的命名空间是否值得保留?
    猜你喜欢
    • 1970-01-01
    • 2016-12-19
    • 2020-10-22
    • 2018-01-05
    • 2016-09-30
    • 2018-02-21
    • 1970-01-01
    • 2022-08-18
    • 1970-01-01
    相关资源
    最近更新 更多