Я хочу передать id (хранится в firestore) со страницы на другую страницу в приложении ionic4 - PullRequest
Новая
       36

Я хочу передать id (хранится в firestore) со страницы на другую страницу в приложении ionic4

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

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

У меня есть приложение новостей, которое я получал содержимое из магазина и я хочу, когда я нажимаю на новостион должен показать детали в деталях на странице мой код кратко:

news.page.html 

<ion-content padding>
        <ion-item *ngFor=" let count of data">
          <h5>{{count.title}}<ion-button (click)="goToDetail()">click for details</ion-button>

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

        </ion-item>

news.page.ts 

export class FilmsPage implements OnInit {
  data: any;

  constructor(public db: AngularFirestore, private router: Router) { }

  ngOnInit() {
    this.getAllPosts().subscribe((data) => {
        this.data = data;
        console.log(data);
    });
  }
  getAllPosts(): Observable<any> {
    return this.db.collection<any>('123').valueChanges ();
  }
  goToDetail() {
    this.router.navigateByUrl('/details/{{count.id}}');  
}

}

details.page.ts 

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>

нокогда я запускаю этот код, он только что показал {{count.id}} в details.page.html .. почему ???Может ли кто-нибудь решить эту проблему, пожалуйста

1 Ответ

0 голосов
/ 03 апреля 2019

Если страница details.view должна отображаться в модальном режиме, то, я думаю, вы можете передать данные в ModalController для просмотра нового

. Лучшее решение - использовать ModalController для передачи единственной новости.данные на details.page.

...