Та же новость - подробности, нажав на разные новости на Ionic 4 (Newsapi) - PullRequest
Новая
       30

Та же новость - подробности, нажав на разные новости на Ionic 4 (Newsapi)

0 голосов
/ 08 марта 2019

Я следую учебному пособию здесь: https://www.youtube.com/watch?v=NJ9C7iY9350. Не могу понять, почему я нажимаю на новость, а детали новостей всегда одинаковы, я проверяю свой код и он такой же, как вGitHub.Но не знаю, почему не вижу подробности каждой новости, просто остается первой новостью, которую я нажимаю.

Прикрепите мой код:

NEWS

TS 

    goToNews(article) {
    this.newsService.currentArticle = article;
    console.log(article)
    this.router.navigate(['/tabs/news-detail']);
}

    getNews() {
    this.newsService.getData(`top-headlines?countries=${this.selectedCountry}&category=technology`)
        .subscribe(data => {
            this.news = data;
            console.log(this.selectedCountry)
        })
}

HTML 

    <ion-list *ngIf="!isResult">
    <ion-item *ngFor="let country of countries" (click)="selectCountry(country)">
        {{ country }}
    </ion-item>
</ion-list>
<ion-card *ngFor="let article of news?.articles" (click)="goToNews(article)">
    <ion-card-content>
        <ion-card-title>{{ article.title }}</ion-card-title>
    </ion-card-content>
</ion-card>

NEWS-DETAILS

TS 

export class NewsDetailPage implements OnInit {

article

constructor(private newsService: NewsService) { }

ngOnInit() {
    this.article = this.newsService.currentArticle;
    console.log(this.article)
}
}

tabs.router.module.тс 

 ....
{ path: 'news', loadChildren:'../news/news.module#NewsPageModule' },
{ path: 'news-detail', loadChildren:'../news-detail/news-detail.module#NewsDetailPageModule' },
....

1 Ответ

0 голосов
/ 15 марта 2019

Наконец-то я решил: 

ionViewWillEnter() {
    this.article = this.newsService.currentArticle;
    console.log(this.newsService.currentArticle)
}

При этом всегда меняется каждый раз, когда я нажимаю на новую "новость"

...