Question

我想为原语添加一些方法。我有以下文件：

string-extension.ts：

interface String {
    isNullOrEmpty(this: string): boolean;
}

String.prototype.isNullOrEmpty = function (this: string): boolean {
    return !this;
};

我有一个包含以下代码的组件：

constructor () {
    let a = "asd";
    alert(a.isNullOrEmpty());
}

未在顶部添加任何导入。当我运行客户端时，它在该行崩溃。

a.isNullOrEmpty is not a function

当我检查代码时，我发现我的string-extension.ts文件未包含在其中。我对C＃中的概念非常熟悉，但对TypeScript却不太熟悉，因此，如果您需要更多信息，请提供。

谢谢。

Answer 1

首先，创建global .d.ts.文件以设置签名。

global.d.ts。

export {}; // this file needs to be a module
declare global {
  interface String {
        isNullOrEmpty(this: string): boolean;
  }
}

string-extension.ts：

export {}; // this file needs to be a module
String.prototype.isNullOrEmpty = function (this: string): boolean {
    return !this;
};

现在main.ts中导入扩展名

 import './string-extension'

Angular 7向基元添加扩展方法

1 个答案: