post.component.ts

import { Component, Input, OnInit } from '@angular/core';
import {ɵvalidateStyleProperty} from '@angular/animations/browser';

@Component({
  selector: 'app-post',
  templateUrl: './post.component.html',
  styleUrls: ['./post.component.css']
})
export class PostComponent implements OnInit {

  @Input() postTitle: string;
  @Input() postloveIts: number;
  @Input() postContent: string;
  @Input() postDate: Date;

  post: {
    title: string,
    content: string,
    loveIts: number,
    created_at: Date
  }

  lastUpdate = new Promise((resolve, reject) => {
    const date = new Date();
    setTimeout(
      () => {
        resolve(date);
      }, 2000
    );
  });

  getLoveIts() {
    return this.postloveIts;
  }

  getColor() {
    if (this.postloveIts === 1) {
      return 'green';
    } else if (this.postloveIts === 0) {
      return 'red';
    }
  }

  onLove() {
    console.log('Love it !');
    this.postloveIts = 1;
  }

  onDontLove() {
    console.log('Dont Love it !');
    this.postloveIts = 0;
  }


  constructor() { }

  ngOnInit() {
  }

}