angular - কৌণিক 2 HTTP পাচ্ছেন না




angular-http (2)

আমি কৌনিক 2 এ নতুন এখনও শিখছি আমি একটি কল কল দিয়ে ইউআরএল হিট করার চেষ্টা করছি তবে ব্রাউজারের নেটওয়ার্কেও পাওয়া যায় না বলে মনে হয় না যে ইউআরএল কল করা হচ্ছে।

প্রোগ্রামটি সেই পদ্ধতিতে চলেছে কনসোলের উপরে এবং নীচে লগিং যা কল পান তবে কল কলটির জন্য কিছুই নেই nothing

আমার পরিষেবা পদ্ধতি

import { Headers, Http, Response } from '@angular/http';
import { Injectable } from '@angular/core';
import { Persons } from './mock-people';
import { Person } from './person';
import {Observable} from 'rxjs/Rx';

getAllPersons(): void {
  console.log("Here");
  this.http.get(`http://swapi.co/api/people/1`)
    .map((response: Response) => {
      console.log(response.json());
      response.json();
    });
  console.log("Comes here 2");
}

HttpModule এ এইচটিটিপিডমডুল আমদানি করা হয়েছে

আমার কনসোল স্ক্রিন শট


এইচটিটিপি rxjs ব্যবহার করে এবং এটি একটি ঠান্ডা / অলস পর্যবেক্ষণযোগ্য, যার অর্থ এটি কার্যকর করতে আপনার এটিতে সাবস্ক্রাইব করা উচিত।

this.http.get(`http://swapi.co/api/people/1`)
  .map((response: Response) => {
    console.log(response.json());
    response.json();
  })
  .subscribe();

অথবা আপনি অন্য কোথাও থেকে সাবস্ক্রাইব করতে চাইলে আপনার এই জাতীয় http.get পদ্ধতিটি ফেরত দেওয়া উচিত:

getAllPersons(): Observable <any> {
  console.log("Here");
  return this.http.get(`http://swapi.co/api/people/1`)
    .map((response: Response) => {
      console.log(response.json());
      return response.json();
    });
}

এবং তারপর :

getAllPersons().subscribe();

পদ্ধতিটি পর্যবেক্ষণযোগ্য ব্যবহার করে এপিআই কলটির প্রতিক্রিয়া ফিরিয়ে আনবে।

service.cs

import { Http, Jsonp, Response, Headers, RequestOptions } from '@angular/http';
import { Injectable } from '@angular/core';
import { Persons } from './mock-people';
import { Person } from './person';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/forkJoin';

@Injectable()
export class Service {
  constructor(private jsonp: Jsonp, private _http: Http) { }

  getAllPersons():Observable<any>{
    console.log("Here");

    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers, method: 'get' });

    return this._http.get('http://swapi.co/api/people/' + personId)
        .map((res:Response) => {
            return <any>res.json();
        })
        .catch(this.handleError);          

    console.log("Comes here 2");
  }

  private handleError(error: Response) {
    console.error(error);
    return Observable.throw(error.json().error || ' error');
  }
}

বিকল্পগুলি এবং শিরোনামগুলি alচ্ছিক।

দ্রষ্টব্য: ( <any> any <any> ) এর পরিবর্তে আপনি আপনার ডেটাটাইপ বা অন্য কোনও সংজ্ঞায়িত প্রকারটি সংজ্ঞায়িত করতে পারেন যাতে আপনি আপনার প্রতিক্রিয়ায় ডেটা পাবেন।

ধন্যবাদ.





angular-http