Wie man einen Prototyp in Typoskript einbinden

Question

Ich lerne angular 2 und ich habe eine ts-Definition für eine trunkierte Methode geschrieben, die ich in einem meiner Dienste verwenden möchte.

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); 
}; 

Wie importiere ich diese in ein anderes Typoskript Modul oder zumindest zur Verfügung stellen global zu nutzen.

Answer 1

mit Typoskript 2.3.4 in einer ionischen 3 Angular 4 app ich eine Datei namens stringExtensions.ts erstellen und diese

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 2

Wie importiere ich dies in ein anderes Typoskript-Modul oder stelle es zumindest für die globale Verwendung zur Verfügung.

Verschieben in eine Datei 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); 
}; 

Und die Datei importieren wie:

import "./stringExtensions" 

Mehr

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

Answer 3

In meinem Fall Typoskript 2.3.4 , u se

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

Typoskript Dokument Augmenting global/module scope from modules