Angular2 http .map समारोह

Question

मैं एक tutorial में इस उदाहरण कोड पाया याद आ रही है:

getRandomQuote() { 
    this.http.get('http://localhost:3001/api/random-quote') 
    .map(res => res.text()) 
    .subscribe(
     data => this.randomQuote = data, 
     err => this.logError(err), 
    () => console.log('Random Quote Complete') 
    ); 
} 

लेकिन जब इसका इस्तेमाल करने की कोशिश कर रहा, मैं केवल TypeError: this.http.get(...).map is not a function in [null] मिलती है:

getChannels():Promise<Channel> { 
    return this.http.get('...') 
     .map(function (response:Response) { 
      ... 
     }).toPromise(); 
} 

मेरे टाइपप्रति संकलक मुझसे कहता है कि वे विधियां उपलब्ध हैं लेकिन http.get() के वापसी मूल्य का निरीक्षण करते समय वे गायब हैं।

मैं वर्तमान angualar2 शुरुआती गाइड के package.json प्रयोग किया है:

"dependencies": { 
    "angular2": "2.0.0-beta.0", 
    "systemjs": "0.19.6", 
    "es6-promise": "^3.0.2", 
    "es6-shim": "^0.33.3", 
    "reflect-metadata": "0.1.2", 
    "rxjs": "5.0.0-beta.0", 
    "zone.js": "0.5.10" 
}, 

...

<script src="node_modules/angular2/bundles/angular2.dev.js"></script> 
<script src="node_modules/angular2/bundles/http.dev.js"></script> 

कोई भी विचार मैं इस बिंदु पर गलत क्या मिल सकता है

?

Answer 1

आप चाहते हैं अपने index.html इस तरह कुछ देखने के लिए, इसलिए system.js उन सभी आरएक्सजे निर्भरताओं को ढूंढ सकता है जिन्हें आप अपने घटकों में आयात करते हैं।

 <script src="/lib/anguar2/angular2-polyfills.js"></script> 
 
     <script src="/lib/es6-shim/es6-shim.js"></script> 
 
     <script src="/lib/systemjs/system.src.js"></script> 
 

 
     <script> 
 
      System.config({ 
 
       defaultJSExtensions: true, 
 
       packages: { 
 
        app: { 
 
         format: 'register' 
 
        } 
 
       }, 
 
       map: { 
 
        'rxjs':"lib/rxjs" 
 

 
       } 
 
      }); 
 
     </script> 
 
     <script src="/lib/anguar2/angular2.dev.js"></script> 
 
     <script src="/lib/anguar2/router.dev.js"></script> 
 
     <script src="/lib/anguar2/http.js"></script> 
 
     <script> 
 
      System.import('app/boot'); 
 
     </script>

यकीन है कि "lib/rxjs" फ़ोल्डर node_modules से सभी फ़ाइलों है/फ़ोल्डर rxjs करें। उन सभी को लोड नहीं किया जाएगा, केवल वही जिन्हें आप चाहते हैं और उनकी निर्भरताएं (system.js इसे आपके लिए समझ लेंगे)।

अब आप अपने boot.ts फ़ाइल में इस का उपयोग कर सकते हैं:

import 'rxjs/add/operator/map';

Answer 2

Observable डिफ़ॉल्ट रूप से केवल कुछ ऑपरेटरों के साथ आता है। या, यदि आप इसके बारे में नहीं लगता है कि चाहते हैं, बस (, अपने बूटस्ट्रैप फ़ाइल में उदाहरण के लिए) सब कुछ लोड

import 'rxjs/add/operator/map'; 

:: आप स्पष्ट रूप से उन्हें आयात करने के लिए है

import 'rxjs/Rx';