Jak złapać błędy wbudowanego szablonu w Angular 2?

Question

Załóżmy, że mam następujący komponent:

@Component({ 
    template: '<div>{{foo.bar}}</div>' 
}) 
class DemoComponent { 
    foo = undefined; 
} 

zauważyć, jak ja próbuje uzyskać dostęp do obiektu o wartości nieokreślonej bar. To generuje błąd podobny do:

Error in class DemoComponent - inline template:1:9 caused by: Cannot read property 'bar' of undefined

chciałbym nadrobić ten błąd za pomocą custom ErrorHandler:

class LoggingErrorHandler implements ErrorHandler { 
    constructor(private logger: Logger) { 
    } 

    handleError(error: any): void { 
    this.logger.error(error); 
    } 
} 

Jednak metoda handleError nie jest wywoływana za błędy szablonów. Mój niestandardowy moduł obsługi błędów działa dobrze dla innych błędów - tylko nie błędów szablonu. Jak więc złapać błędy szablonu?

Answer 1

Można utworzyć szablon z numerem *ngIf="!foo.bar".

jeśli jest żądanie asynchroniczne czekasz na, można użyć rury asynchronicznej z bezpiecznym operatora tylko czekać na wartości bez rzuca błąd: (foo | async).bar

jest jakiś szczególny powód, aby mieć szablon obsługi błędów dla tego?