Metodi di estensione in dattiloscritto (sistema)

Question

Nel mio progetto angular2 sto provando ad estendere il prototipo della classe stringa utilizzando il dattiloscritto. Questo è il mio codice:

interface String 
{ 
    startsWith(s:string); 
    contains(s:string); 
    containsOr(s1:string, s2:string); 
} 

String.prototype.startsWith = function (s:string):boolean { 
    return this.indexOf (s) === 0; 
} 
String.prototype.contains = function (s:string):boolean { 
    return this.indexOf(s) > 1; 
} 
String.prototype.containsOr = function (s1:string, s2:string):boolean { 
    return this.indexOf(s1) > 1 || this.indexOf (s2) > 1; 
} 

Con questo codice le compilazioni di progetto (anche il contenuto assist di codice Visual Studio mi aiuta), ma a run-time ho un 'contiene non è definito'.

Cosa sto facendo male?

Grazie mille

PS: questo è il mio TSconfig:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "system", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false, 
    "outDir": "wwwroot/app/source/" 
    }, 
    "exclude": [ 
    "node_modules", 
    "bower_components", 
    "wwwroot", 
    "typings/main", 
    "typings/main.d.ts" 
    ] 
} 

EDIT

ho notato che l'importazione del file dijs in index.html funziona, ma non mi piace questo approccio.

<script src="app/source/utils/extensions.js"></script> 

Answer 1

Invece di importare il codice html basta mettere questo nella parte superiore del vostro codice:

import './utils/extensions'; 

Basta sostituirlo con il percorso del file.

Qui ci sono alcuni forum su moduli e importazioni:

TypeScript docs

MDN docs

Answer 2

ero in grado di farlo funzionare senza TS errori (1.8.9), Angular2 (2.0.0 -beta.12) errori, e lavorando chiamata di funzione utilizzando il seguente modello:

tsconfig.json

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "system", 
    "moduleResolution": "node", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false 
}, 
"exclude": [ 
    "node_modules", 
    "typings/main", 
    "typings/main.d.ts" 
    ] 
} 

successivo, creare (se non ne esiste) un file global.d.ts locale al progetto:

global.d.ts (locale al progetto, non il file principale TS con lo stesso nome)

export {} 

    declare global { 
    interface String { 
     calcWidth(): number; 
    } 
    } 

extensions.ts (tutto il file)

export {} 

//don't redefine if it's already there 
if (!String.prototype.hasOwnProperty('calcWidth')) { 
    String.prototype.calcWidth = function(): number { 
     //width calculations go here, but for brevity just return length 
     return this.length; 
    } 
} 

Poi, nel tuo qualunque il tuo primo System.import (nome file) è (il mio è main.ts).Basta usare una volta:

import './extensions' //or whatever path is appropriate 
... 
... 

Ora, tutta la vostra applicazione è possibile utilizzare l'interfaccia:

var testString = 'fun test'; 
console.log(testString.calcWidth()); 

produce un output della console:

8 

Spero che questo è utile.