ng-srcが条件付き演算子付きの画像ソースで動作しない

条件付き演算子を使用して画像のソースを設定しています。イメージはデータベースからのもので、base64の文字列です。ユーザーがプロフィール写真を設定したかどうかは、データベースからブール値が1つ増えています。彼が画像を設定する場合、私はそれをソースとして、ローカルの1つのsvgファイルとして設定しています。下のは私のコードスニペットです。ng-srcが条件付き演算子付きの画像ソースで動作しない

<img id="profilePic" ng-src="{{ photoSet ? 'data:image/jpeg;base64,userPhoto': 'Images/profile.svg' }}"/>

しかし、どちらの場合も機能しません。私は間違っていますか？

出典

2016-06-13 Ribbler C

これは役に立ちます –

あなたは価値がNG-SRCに達したことを確認するために中括弧を使用する必要があります。

次のいずれかを使用できます。

userPhotoあなたは次のようにパスを追加し、ng-ifで条件をチェックする必要がありますどちらの場合

<img id="profilePic" ng-src="{{photoSet}} ? 'data:image/jpeg;base64,{{userPhoto}}': 'Images/profile.svg'"/>

<img ng-if="photoSet" id="profilePic" ng-src="data:image/jpeg;base64,{{userPhoto}}"/> 
<img ng-if="!photoSet" id="profilePic" ng-src="Images/profile.svg"/>

出典

2016-06-13 11:13:20

こんにちは、ありがとうございます。あなたのコードでは、開閉括弧が一致しません。これも機能しません。 –

最初の1つはまだ動作していません –

これは動作しています –

にbase64で値を含める必要があります。

<img ng-if="photoSet" ng-src="1stImagePathHere" /> 
<img ng-if="!photoSet" ng-src="2ndImagePathHere" />

出典

2016-06-13 11:21:47

こんにちはありがとう、これは条件付き演算子が必要です。 –

数行以上のコードを投稿してください。あなたの答えなどを説明してください。あなたはここで質問に答える方法についてもっと読むことができます：[答え] – thepio

ng-srcが条件付き演算子付きの画像ソースで動作しない

答えて

関連する問題