在Angular 2中檢測請求錯誤使http請求產生綁定

有沒有一種方法可以檢測Angular 2屬性綁定中產生Http請求的請求錯誤，如[link]和[src]。在Angular 2中檢測請求錯誤使http請求產生綁定

我的情況是我有

{ 
    local: '/images/abc.jpg', 
    remote: 'http://linkToImage.jpg' 
}

的對象和模板

<img [src]="local">

所以我想爲指向remote時local返回404或請求錯誤。

來源

2016-11-30 Ganga

感謝@ amit-suhag，[http://stackoverflow.com/questions/36429903/angular-2-check-if-image-url-is-valid-or-broken] http：// stackoverflow.com/questions/36429903/angular-2-chec k-if-image-url-is-valid-or-broken – Ganga

我不知道這是否工作或沒有，但你能嘗試用三元運營商

<img src="{{enquiry.buyer_email ? '/images/ico_yes.png' : '/images/ico_no.png'}}">

或者是這樣的二進制運營商這樣做：

<img src="{{enquiry.buyer_email && '/images/ico_yes.png' || '/images/ico_no.png'}}">

與遠程和本地替換值

來源

2016-11-30 18:28:22

三元運算符將查找falsy值。在這種情況下，該值不是虛假的，而是被定義的。唯一的區別是它是一個路徑，它返回一個404通過http調用時找不到的。 – Ganga

收聽圖片元素的錯誤事件： ..查看此鏈接http://stackoverflow.com/questions/36429903/angular-2-check-if-image-url-is-valid-or-broken –

在Angular 2中檢測請求錯誤使http請求產生綁定

回答

相關問題