2016-11-30 5 views
1

[link]や[src]のようなHttpリクエストを行うAngular 2プロパティバインディングでリクエストエラーを検出する方法はありますか?Angular 2でリクエストエラーを検出するHTTPリクエストを行うプロパティバインディング

私の状況は、私はだから私はlocal404または要求エラーを返した場合remoteを指すようにしようとしている

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

とオブジェクトとテンプレート

<img [src]="local"> 

を持っています。

+0

http:// amit-suhag、[http://stackoverflow.com/questions/36429903/angular-2-check-if-image-url-is-valid-or-broken]に感謝しています。 stackoverflow.com/questions/36429903/angular-2-chec k-if-image-url-is-valid-or-broken – Ganga

答えて

0

私は、この作品の場合かわからないが、あなたは三項演算子二項演算子と

<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'}}"> 

は、リモートとローカルで値を置き換えます

+0

3進演算子は偽の値を探します。この場合、値は偽ではなく、定義されています。唯一の違いは、http経由で呼び出されたときに404が見つからないということです。 – Ganga

+1

イメージ要素のエラーイベントを聞きます: ..このリンクをチェックしてくださいhttp://stackoverflow.com/questions/36429903/angular-2-check-if-image-url-is-valid-or-broken –

関連する問題