Angular undefined variable in [duplicate]

Question

I got error from ERROR TypeError: "_co.dashboard is undefined" when I try to call dashboard.all_interviewed in html.

In My dashboard.component.ts

dashboard: Dashboard;

    getDashboard() {
      this.dashboardService.getDashboard().subscribe(
        res => {
            this.dashboard = res;
         }
      )
    }

In Dasboard Class

export class Dashboard {
   all_interviewed: number;
}

dashboard.component.html

<h2>{{ dashboard.all_interviewed }} </h2>

I got this error in console log.

ERROR TypeError: "_co.dashboard is undefined" View_DashboardComponent_0 DashboardComponent.html:208 Angular 32 RxJS 5 Angular 8 DashboardComponent.html:203:11

Hello i don't know why but i can't write answer. this is the shortest snippet: dasboard?.all_interviewed — Jamshed
– Jamshed, Commented Jul 26, 2019 at 11:36

Abhishek Sharma · Accepted Answer · 2019-07-26 11:23:34Z

0

Try the following code,

<h2 *ngIf = "dashboard">{{ dashboard.all_interviewed }} </h2>

answered Jul 26, 2019 at 11:23

Abhishek Sharma

3392 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Iñigo · Accepted Answer · 2019-07-26 11:24:55Z

0

Call getDashboard() on ngOnInit() and then try this:

<div *ngIf = "dashboard">
   <h2>{{ dashboard.all_interviewed }}</h2>
</div>

answered Jul 26, 2019 at 11:24

Iñigo

2,02610 gold badges33 silver badges62 bronze badges

Collectives™ on Stack Overflow

Angular undefined variable in [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related