टाइपस्क्रिप्ट (सिस्टम)

Question

में विस्तार विधियां मेरे कोणीय 2 प्रोजेक्ट में मैं टाइपस्क्रिप्ट का उपयोग कर स्ट्रिंग कक्षा के प्रोटोटाइप को बढ़ाने का प्रयास कर रहा हूं। मैं एक 'में शामिल है परिभाषित नहीं है' प्राप्त

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

इस कोड को परियोजना compiles साथ

(भी सामग्री दृश्य स्टूडियो संहिता की सहायता मुझे मदद करता है), लेकिन रन-टाइम में: यह मेरा कोड है।

मैं क्या गलत कर रहा हूं?

धन्यवाद एक बहुत

पुनश्च: यह मेरा 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" 
    ] 
} 

संपादित

मैंने देखा है कि js फ़ाइल आयात में index.html यह काम करता है, लेकिन मुझे यह दृष्टिकोण पसंद नहीं है। html में कोड आयात करने की

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

Answer 1

इसके बजाय सिर्फ अपने कोड के शीर्ष पर डाल:

import './utils/extensions'; 

बस फाइल करने के लिए अपना रास्ता साथ बदलें।

TypeScript docs

MDN docs

Answer 2

मैं इसे कोई टीएस त्रुटियों (1.8.9), Angular2 के साथ काम कर प्राप्त करने में सक्षम था (2.0.0:

यहाँ मॉड्यूल और आयात पर कुछ और संसाधन हैं -beta.12) त्रुटियों, और निम्न टेम्पलेट का उपयोग कर समारोह कॉल काम कर रहे:

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

इसके बाद, (यदि कोई मौजूद नहीं है) एक global.d.ts अपनी परियोजना के लिए स्थानीय फ़ाइल बनाने:

global.d.ts (परियोजना के लिए स्थानीय, एक ही नाम के नहीं मुख्य टीएस फ़ाइल)

export {} 

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

extensions.ts (पूरी फ़ाइल)

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

फिर अपने जो कुछ भी

आपका पहला सिस्टम। आयात (फ़ाइल नाम) है (मेरा मुख्य है।)।बस एक बार का उपयोग करें:

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

अब, अपने पूरे एप्लिकेशन में आप अपने इंटरफेस का उपयोग कर सकते हैं:

8 

आशा इस उपयोगी है:

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

कंसोल आउटपुट उत्पन्न करता है।