what could be the cause of this error
"Identifier 'todos' is not defined. The component declaration, template variable declarations, element references do
I've been trying to run this in ionic4 linking it to firebase and this error is popping up on the various lines (12,36) and (9,41).
<ion-header>
<ion-toolbar color="primary">
<ion-title>
Ionic FireStore
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ng-container *ngIf="!todos || todos.length == 0">
<div *ngFor="let n of [0,1,2]" padding>
<p>
<ion-skeleton-text class="fake-skeleton"></ion-skeleton-text>
</p>
</div>
</ng-container>
<ion-item-sliding *ngFor="let item of todos">
<ion-item lines="inset" button[routeLink]=" ['/details, item.id'] ">
<ion-label>
{{item.task}
<p>{{ item.createdAt | date:'short'}} </p>
</ion-label>
<ion-note slot="end" color="primary"> {{ item.priority }} </ion-note>
</ion-item>
<ion-item-options side="end">
<ion-icon name="checkmark" slot="end"></ion-icon>
</ion-item-options>
</ion-item-sliding>
</ion-list>
<ion-fab vertical="bottom" horizontal="end" slot="fixed">
<ion-fab-button routerLink="/details" routerDirection="forward">
<ion-icon name="add"></ion-icon>
</ion-fab-button>
</ion-fab>
</ion-content>