How do I combine a template reference variable with ngIf?

Question

tRefVar is {{tRefVar.foo}}

Even though the

Answer 1

If you are using Angular 8 you can solve this issue by adding a view child reference and setting the static value to false.

Example template code:

Click Me!

    SHIBAMBO!

Component Code:

export class EventsComponent {
    @ViewChild('eventsTable', {static: false}) eventsTable: Table;

    constructor() {
        console.log(this.eventsTable)
    }
}

In Angular 9, false will be the default value.