How to display full date using Angular?

Question

Angular

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html';

})
export class AppComponent {
  birthDay : Data = new Data();
}

<div style="text-align:center">
  <h1>

    {{birthDay | data : dd-MM-yyyy}}
  </h1>
</div>

As a result, the answer is

Cannot find the name Data

Answer 1

birthDay property declaration, type and value - should be Date instead of Data. And when using the pipe, it is similar - it should be date instead of data. And the date format is the same string, where are the quotes? We fix:
birthDay: Date = new Date();
{{ birthDay | date : 'dd-MM-yyyy' }}