2017-09-30 1 views
0

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:

Error Image

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

Répondre

2

Vous avez probablement déjà résolu ce problème. La seule chose que je vois, c'est qu'il vous manque un symbole '@' avant votre Injectable dans le MovieService. J'espère que cela pourra aider!