Je suis en train de créer un site de recherche de film en utilisant la touche api. Tout semble parfait aussi loin que le code ainsi que la clé API -i pourrait accéder aux valeurs juste frapper la demande api mais obtenir erreur dans browser.Appreciate si quelqu'un peut me aiderImpossible de résoudre tous les paramètres -getting cette erreur dans le navigateur angular2
erreur:
Ceci est mon movies.service.ts
import {Injectable} from '@angular/core';
import {Jsonp,JsonpModule} from '@angular/http';
import 'rxjs/Rx';
Injectable()
export class MovieService
{
apikey:string;
constructor(private _jsonp:Jsonp)
{
this.apikey='##';
console.log('Movie Service Initialized');
}
getPopular()
{
return this._jsonp.get('https://api.themoviedb.org/3/discover/movie?callback=JSONP_CALLBACK&sort_by=popularity.desc&api_key=##')
.map(res=>res.json());
}
}
Ceci est mon movies.components.ts où je fais appel au service
import { Component } from '@angular/core';
import {MovieService} from 'app/services/movies.service';
@Component({
selector: 'Movies',
templateUrl: 'movies.components.html',
})
export class MoviesComponent {
constructor(private _movieservice:MovieService)
{
this._movieservice.getPopular().subscribe(res=>{
console.log(res.results)
});
}
}
Ceci est mon app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule,JsonpModule } from '@angular/http';
import { AppComponent } from './app.component';
import {MoviesComponent} from 'app/components/movies/movies.components';
import {MovieService} from 'app/services/movies.service';
@NgModule({
declarations: [
AppComponent,
MoviesComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
JsonpModule,
],
providers: [MovieService],
bootstrap: [AppComponent]
})
export class AppModule { }