Hay un método

 product$!: Observable<Product>; getProduct(): void { this.product$ = this.route.params .pipe( switchMap( params => { return this.productServ.getById(params['id']) })) }

que devuelve, un objeto de tipo

 export interface Product { type?: string id?: string title?: string date?: Date | undefined; }

y una plantilla que muestra las propiedades de este objeto

 <div *ngIf="product$ | async as product; else loading"> <h2>{{ product.title}}</h2>

Como resultado de llamar al método (getProduct), la variable this.product$ puede no estar definida. Por lo tanto, IDEA arroja un error en esta línea de la plantilla.

 <h2>{{ product.title}}</h2>

¿Cómo se resuelve correctamente este problema?

• en la plantilla, agregue un cheque *gif="product.title"
• o este problema debe resolverse en el código, entonces la pregunta es cómo hacerlo correctamente