Есть компонент.
import {Component, OnInit} from '@angular/core';
import {ActivatedRoute} from '@angular/router';
import {HomeModel} from '../home/home.model';
@Component({
selector: 'app-article',
templateUrl: './article.component.html',
styleUrls: ['./article.component.css']
})
export class ArticleComponent implements OnInit {
public article: {};
constructor(private activatedRoute: ActivatedRoute,
private homeModel: HomeModel) {}
ngOnInit() {
this.activatedRoute.params.subscribe((params) => {
this.getArticle(params['id']); // из урла парсится айдишка
});
};
getArticle(id) {
this.homeModel.getArticles().then((articles) => {
this.article = articles.filter((article) => {
return article.id == id; // тут из сервиса вытаскивается нужный объект по айдишке и записывается в this.article
})[0]; // сначала я думал что ошибку тут, т.к. возвращается массив, он добавив [0] ситуация не изменилась. В консоли - объект есть, в шаблоне - `undefined`
console.log(this.article); // в консоль отлично выводится нужный объект.
})
}
}
затем в шаблоне:
<h2>Article will be here...</h2>
<h6>{{article.title }}</h6>
получаем ошибку. Любое свойство из объекта undefined
. Я уже и доки пеерчитал пару раз, и другие ресурсы по исследовал.