Показать сообщение отдельно
  #1 (permalink)  
Старый 28.09.2018, 19:54
Аспирант
Отправить личное сообщение для AnthonyFink Посмотреть профиль Найти все сообщения от AnthonyFink
 
Регистрация: 14.10.2017
Сообщений: 31

Angular 6 помогите присоедениться к Api
не знаю, может быть я что то не дописал в коде но не могу вывести дату из json.
В консоль выводится а на страницу не могу
Сервис
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import {Movies} from '../models/movies.model';

@Injectable ()

export class MovieRequestService {
  private url = 'https://yts.am/api/v2/list_movies.json?limit=50';
  moviesData: {movies: Movies} = {
    movies: undefined
  };
  constructor(private myHttp: HttpClient ) {
    this.myHttp.get(this.url).subscribe(
      (response: Movies) => { this.moviesData.movies  = response; });
  }
  getMovies() {
    return this.myHttp.get('https://yts.am/api/v2/list_movies.json?limit=50');
  }
}

Интрефейс объекта
export interface Movie {
  id: number;
  title: string;
  year: number;
  runTime: number;
  genre: string[];
}

еще один интерфейс
import { Movie } from './movie.model';

export interface Movies {
  myData: Movie;
}

компонент
import { Component, OnInit } from '@angular/core';
import { MovieRequestService } from '../../shared/services/movie-request.service';
import { HttpClient} from '@angular/common/http';
import { Movies } from '../../shared/models/movies.model';

@Component({
  selector: 'app-movie-list',
  templateUrl: './movie-list.component.html',
  styleUrls: ['./movie-list.component.css']
})
export class MovieListComponent implements OnInit {
  localData: {movies: Movies};
  constructor(private movieService: MovieRequestService, private http: HttpClient) {
    this.localData = this.movieService.moviesData;
    console.log(this.localData.movies);
  }

  ngOnInit() {
  }
}


Помогите плиз
Заранее большое спасибо
Ответить с цитированием