如何在打字稿中包含原型

Question

我正在學習角度2，我已經為我想要在我的一個服務中使用的truncate方法編寫了一個ts定義。

truncate.ts

interface String {
    truncate(max: number, decorator: string): string;
}

String.prototype.truncate = function(max, decorator){
   decorator = decorator || '...';
   return (this.length > max ? this.substring(0,max)+decorator : this);
};

如何將其導入另一個打字稿模塊或至少使其可以全局使用。

Answer 1

如何將其導入另一個打字稿模塊或至少使其可以全局使用。

將其移動到文件stringExtenions.ts ：

interface String {
    truncate(max: number, decorator: string): string;
}


String.prototype.truncate = function(max, decorator){
   decorator = decorator || '...';
   return (this.length > max ? this.substring(0,max)+decorator : this);
};

並導入文件，如：

import "./stringExtensions"

更多

https://basarat.gitbooks.io/typescript/content/docs/types/lib.d.ts.html

Answer 2

在Ionic 3 Angular 4應用程序中使用typescript 2.3.4我創建一個名為stringExtensions.ts的文件並將其放入其中

export { } // to make it a module

declare global { // to access the global type String
  interface String {
      truncate(max: number, decorator: string): string;
  }
}

// then the actual code
String.prototype.truncate = function(max, decorator){
   decorator = decorator || '...';
   return (this.length > max ? this.substring(0,max)+decorator : this);
};

Answer 3

在我的案例TypeScript 2.3.4中，使用

declare global {
    interface Date {
        format(format: string): string;
    }
}

TypeScript文檔從模塊擴充全局/模塊范圍