在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或请求错误。

感谢@ 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'}}">

与远程和本地替换值

三元运算符将查找falsy值。在这种情况下，该值不是虚假的，而是被定义的。唯一的区别是它是一个路径，它返回一个404通过http调用时找不到的。 – Ganga

收听图片元素的错误事件： ..查看此链接http://stackoverflow.com/questions/36429903/angular-2-check-if-image-url-is-valid-or-broken –

在Angular 2中检测请求错误使http请求产生绑定

相关推荐