отображать детали фильма по id в приложении ionic 4 - PullRequest
Новая
       10

отображать детали фильма по id в приложении ionic 4

0 голосов
/ 15 февраля 2019

Привет, у меня есть приложение для фильмов в ionic 4, и я хочу, чтобы когда я нажимал на один из фильмов, он должен был узнать подробности об этом фильме, я сохранял список в пожарном магазине, здесь фотография моей базы данных это мой пожарный магазинбаза данных

Я попытался получить идентификатор фильма и передал его на страницу с подробностями, а затем попытался получить подробное описание, но мне не удалось, пожалуйста, помогите мне

этот мой код здесь: films.page.html 

<ion-content padding>
        <ion-item *ngFor=" let count of data">
          <h5>{{count.title}}<button  [routerLink]="['detail/', count.id]">click for details</button>

            <img src="{{count.image}}">
          </h5>

        </ion-item>

film-details.page.ts 

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import {AngularFirestore, AngularFirestoreDocument } from 'angularfire2/firestore';
import {Observable} from 'rxjs';
import { Router } from '@angular/router';

@Component({
  selector: 'app-film-details',
  templateUrl: './film-details.page.html',
  styleUrls: ['./film-details.page.scss'],
})
export class FilmDetailsPage implements OnInit {
  id;

  constructor(private router: ActivatedRoute, public afs: AngularFirestore) { }

  ngOnInit() {
    this.id = this.router.snapshot.paramMap.get('id');
    console.log(this.id);
  }
  getfilmDetail(id: string): AngularFirestoreDocument<123> {
    return this.afs.collection('123').doc(this.id);
  }
}

film-details.page.html 

<ion-header>
  <ion-toolbar>
    <ion-title>filmDetails</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-button (click)="getfilmDetail()"></ion-button>

</ion-content>
...