Problem with cannot read the property

hello guys i’m making the project for my class and i have the problem. It says the Cannot read property ‘naziv’ of undefined, but i have created the class with this name. Can you solve my problem?

Here is my code: jela.ts
export class Jela{
naziv: string;
sastojci: string;
postupak: string;
}

tab1.page.html



PREDJELA


{{currentJelo.naziv}}
{{currentJelo.sastojci}} {{currentJelo.postupak}}

tab1.page.ts
import { Component } from ‘@angular/core’;
import { Jela } from ‘…/jela’;

@Component({
selector: ‘app-tab1’,
templateUrl: ‘tab1.page.html’,
styleUrls: [‘tab1.page.scss’]
})
export class Tab1Page {

constructor() {
this.jelas = [
{
naziv: ‘Pašteta od tunjevine’,
sastojci: ‘1 glavica luka, 2 tvrdo kuhana jaja, 240 g Eva tuna komada u biljnom ulju, 100 g maslaca, malo Senfa estragon Podravka, sol, Vegeta Maestro crni papar mljeveni, limunov sok,Worcestershire umak’,
postupak:’ 1.Luk sitno nasjeckajte. Maslac pjenasto izmiješajte, a tvrdo kuhana jaja i tunjevinu sitno narežite ili sameljite., 2.U maslac umiješajte pripremljeni luk, jaja i tunjevinu. Dodajte senf, sol, papar, worchestershire umak i malo limunova soka. 3.Sve dobro izmiješajte i ohladite’
},
{
naziv: ‘Pašteta od tunjevine’,
sastojci: ‘1 glavica luka, 2 tvrdo kuhana jaja, 240 g Eva tuna komada u biljnom ulju, 100 g maslaca, malo Senfa estragon Podravka, sol, Vegeta Maestro crni papar mljeveni, limunov sok,Worcestershire umak’,
postupak:’ 1.Luk sitno nasjeckajte. Maslac pjenasto izmiješajte, a tvrdo kuhana jaja i tunjevinu sitno narežite ili sameljite., 2.U maslac umiješajte pripremljeni luk, jaja i tunjevinu. Dodajte senf, sol, papar, worchestershire umak i malo limunova soka. 3.Sve dobro izmiješajte i ohladite’
}
];
}

jelas: Jela = ;
currentJelo: Jela;
currentIndex=1;

showJelo(){
this.currentJelo=this.jelas[this.currentIndex];
}

}

Thank you if you want to help me!

Can you repost, putting your code in triple-back-ticks, so that it is indented correctly and readable? Thanks.