角度2のインラインテンプレートエラーをキャッチするには？私は未定義の値の<code>bar</code>プロパティにアクセスしようとしてるか</p> <pre><code>@Component({ template: '<div>{{foo.bar}}</div>' }) class DemoComponent { foo = undefined; } </code></pre> <p>お知らせ：

Question

は、私は次のコンポーネントがあるとします。私はcustom ErrorHandler使用して、このエラーをキャッチしたいと思います

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

：

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

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

しかし、handleError方法は、テンプレート・エラーのために呼び出されていない。このようなエラーがスローされます。私のカスタムエラーハンドラは、テンプレートエラーではなく、他のエラーに対しても正常に動作します。テンプレートエラーをどのようにして捕捉できますか？

Answer 1

*ngIf="!foo.bar"でテンプレートを作成できます。テンプレートを持っている特別な理由がある(foo | async).bar

：それはあなたが非同期リクエストに応じて待っているされている場合

、あなたはエラーをスローせずに、単に値を待つために安全なオペレータと非同期パイプを使用することができますこのためのエラーハンドラ？