I have a class defined as follows:
export class Story {
id: number;
title: string;
storyText: string;
utcDate: string;
get displayDate(): string {
const today = new Date();
const postDate = new Date(this.utcDate);
const td = today.getTime();
const pd = postDate.getTime();
return ((td-pd)/1000)+'ms';
}
}
The HTML view is as shown below:
<span>
<i class="fa fa-clock-o" aria-hidden="true"></i>
{{story.displayDate}}
</span>
In this case, the html code block is inside an ngFor loop like *ngFor="let story of stories", where "stories" is an array of type "Story" - stories: Story[];
However, nothing is being displayed. There are no errors either. What could be wrong? Can it work without an explicit setter property? Should I create a setter property and set the value manually?
Edit: Below is my script that populates the story array and the service function:
loadData() {
this.storyService.stories()
.subscribe(
data => {
const response = <Story[]>data.message;
this.stories = response;
},
error => {
alert('error');
});
}
stories() {
return this.http.get<Result>(this.baseUrl + '/story/list/', this.httpOptions);
}