Angular2模板中的可觀察錯誤處理

我喜歡使用新觀察角的方法。它阻止我們寫出長長的鏈條.done().fail().always()。就像在JQuery中一樣。它僅在NG2中使用| async pipe。但是如果在加載數據爲myObservable時可能會出現異常情況，情況如何。有什麼辦法如何弄清楚可觀察模板失敗了嗎？Angular2模板中的可觀察錯誤處理

// sample.component.ts

class SimpleComponent{ 
    myObservable:Observable<string>; 
    constructor(private _someService:SomeService){ 
     myObservable = _someService.getSomeDataByHttp(); 
    } 
}

// simple.component.html

<div> 
    <div> 
     {{myObservable | async}} 
    </div> 
    <div (anyErrorInObservable)="myObservable"> // Some kind of construction to figure out that observable failed to load 
     Oops, some kind of error appeared while fetching myObservable. 
    </div> 
</div>

我知道，這可以使用.catch()完成。但我希望有更好的方法。

感謝您的任何提前

來源

2016-09-13 Maris

目前無法處理模板中的錯誤。您可以使用像catch()這樣的運算符來確保錯誤未達到模板。

另請參閱此相關的未解決問題https://github.com/angular/angular/issues/7539

來源

2016-09-13 06:26:10

Angular2模板中的可觀察錯誤處理

回答

相關問題