Introducing a model for comments

Before we move on to creating more components within our application, let's first define the model and data we're using to represent comments.

Let's open up our model file located in src/app/model.ts and apply the following changes:

…export interface Project {  readonly id?: number;  readonly title: string;  readonly description: string;  readonly comments: Comment[];}…export interface Comment {  readonly time: number;  readonly user: User;  readonly content: string;}export interface CommentUpdate {  readonly index: number;  readonly comment: Comment;}

We've added two new interfaces to represent our comments. The Comment interface consists of a time property that holds a number timestamp of the time the comment was ...

Get Mastering Angular Components now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.