*ngIf directive in Angular

Question

I'm getting data from my backend server

proyecto: Proyecto;
ngOnInit(): void {
// subscribe START
    this.route.paramMap.subscribe(
            params => {
                const id = params.get('id');
                console.log('MainContent:Proyecto Seleccionado: ', id);
                this.dataService.getDatosCabeceraProyecto(id)
                    .subscribe(
                        (data: Proyecto) => this.proyecto = data,
                        (err: any) => console.log(err),
                        () => console.log('MainContent: datos de proyecto recogidos')
                    );
            });
// subscribe END
}

But If I use ngIf directive I don't see anything

But I get the data

Any idea Please? Thanks

Use can use this and check as example `
` also refer https://stackoverflow.com/a/784946/6923146 — Hardik Masalawala, Feb 11 '21 at 17:20
what you have written should work. I would add "data" to your console log to confirm what you are getting. `console.log(data);` It's possible this.proyecto is still null after your service completes. — Rick, Feb 11 '21 at 19:03

score 0 · Answer 1 · answered Feb 11 '21 at 17:41

0

Try checking with some data inside the result with *ngIf and see if u get the results first .

For eg -

*ngIf="proyecto.ID==X000128"

This will give you an idea of what it accepts .

answered Feb 11 '21 at 17:41

angular_code

319
3
18

I get data correctly because I see them in console – kintela Feb 11 '21 at 18:12

score 0 · Answer 2 · answered Feb 11 '21 at 18:12

0

Use can use this and check as example

<div *ngIf="!!proyecto">

reference use of !! Operator

Ref: https://stackoverflow.com/a/784946/6923146

answered Feb 11 '21 at 18:12

Hardik Masalawala

991
7
20

*ngIf directive in Angular

2 Answers2