Typescript (sistem) uzantı yöntemleri (sistem)

Question

Angular2 projemde, typescript kullanarak string dizisinin prototipini genişletmeye çalışıyorum. Bir 'tanımlı değil içeriyor' get proje derler Bu kod ile

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

(ayrıca içerik Visual Studio Kanununun yardımcı bana yardım) ancak çalışma anında: Bu benim kodudur.

Neyi yanlış yapıyorum?

Çok teşekkürler

Not: Bu benim tsconfig geçerli:

{ 
    "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" 
    ] 
} 

DÜZENLEME

Ben js dosyasını içe index.html içinde çalıştığını fark, ama bu yaklaşımı sevmiyorum.

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

Answer 1

yerine html kodu ithal sadece kod üstündeki bu koyun:

import './utils/extensions'; 

Sadece dosyasına yolu ile değiştirin.

TypeScript docs

MDN docs

Answer 2

Ben hiçbir TS hataları (1.8.9), Angular2 ile çalışan elde edebildi

(2.0.0:

İşte modülleri ve ithalatta daha fazla kaynak bulabilirsiniz -beta.12) hataları ve aşağıdaki şablonu kullanarak işlev çağrısını çalışma:

tsconfig.json

012 (Bir yoksa) Sonra, bir global.d.ts projenize yerel dosya oluşturmak

{ 
    "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" 
    ] 
} 

:

global.d.ts (yerel, aynı adı taşıyan değil ana TS dosyasını proje )

export {} 

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

extensions.ts (tüm dosya) senin ne de Sonra

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

İlk System.import (dosya adı) (benim ana kaynaktır).Sadece bir kere kullanın:

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

Şimdi, uygulama geneline size arabirimini kullanabilirsiniz: Bu yararlıdır

8 

Hope:

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

konsol çıktısını üretir.