как показать конкретный документ из пожарного магазина в приложении ionic4 - PullRequest
Новая
       60

как показать конкретный документ из пожарного магазина в приложении ionic4

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

У меня есть приложение ionic4 для новостей, и я импортировал весь список новостей из firestore (это моя база данных здесь моя база данных задача, которую я хотел сделать, когда я нажимаю на кнопку (подробности), она должнапоказать подробности этой новости на странице подробностей, я передал идентификатор этой новости на страницу сведений, но она просто показывает как фотография это мое резюме как я могу получить содержимое этой новости на странице подробностей ??помогите пожалуйста

мой код: news.page.ts 

import { Component, OnInit } from '@angular/core';
import {AngularFirestore, AngularFirestoreDocument} from 'angularfire2/firestore';
import {Observable} from 'rxjs';
import { Router } from '@angular/router';
import 'rxjs/add/operator/map';
export class FilmsPage implements OnInit {

  news: Observable<any[]>;
  constructor(public db: AngularFirestore, private router: Router) { }

  ngOnInit() {
      this.news = this.db.collection('123').snapshotChanges().map(actions => {
      return actions.map(a => {
        const data = a.payload.doc.data();
        const id = a.payload.doc.id;
        return { id, ...data };
      });
    });
}

news.page.html 

  <ion-content padding>
            <ion-item *ngFor=" let count of news | async">
              <h5>{{count.title}}<ion-button routerLink="/details/{{count.id}}"> details</ion-button>

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

            </ion-item>

    </ion-content>

details.pge.ts 

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

export class DetailsPage implements OnInit {
  id: string;

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

   }

  ngOnInit() {
    this.id = this.router.snapshot.paramMap.get('id');
    console.log(this.id);
  }

}

details.page.html 

<ion-content padding >
  {{id}}


</ion-content>
...