anglejsにプロファイル画像が設定されていない場合のデフォルト画像の表示方法

Question

ユーザがプロファイルpicを設定していない場合にローカルファイルからデフォルト画像を設定する必要があります。画像を設定するプロファイルピクチャフィールド。

マイHTML：

<div class="col-lg-2 vheight1"> 
        <h4>Profile Picture</h4> 
        <div class="fileinput fileinput-new" onclick='$("#my_profile_pic").click();'> 
         <div class="fileinput-preview thumbnail" data-provides="fileinput" data-trigger="fileinput" id="profile_pic"> 
          <img ng-if="source" class="thumb" ng-src="{{source}}"/> 
         </div> 
         <!-- <div class="hidden-sm hidden-md hidden-lg hidden-xs"> 
         &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
          <span> 
           <span class="fileinput-new" ng-show="!hasFile()">Select image</span> 
           <span class="fileinput-new" ng-show="hasFile()">Change</span> 
          </span> 
          <a href="#" class="btn btn-danger fileinput-new glyphicon glyphicon-trash" data-dismiss="fileinput" ng-show="hasFile()" ng-click="removefile(json, file)" ></a> 
         </div> --> 
        </div> 
       </div> 
       <input type="file" class="hidden hidden-sm hidden-md hidden-lg hidden-xs" id='my_profile_pic' file-model="photo"> 

誰も私を助けてください。

Answer 1

置き換えます

<img ng-if="source" class="thumb" ng-src="{{source}}"/> 

をして：

<img class="thumb" ng-src="{{source ? source : 'pathtodefault.png'}}"/> 

Answer 2

Piyush's answerを完了するために、あなたも行うことができます。

<img class="thumb" ng-show="source" ng-src="{{source}}"/> 
<img class="thumb" ng-show="!source" src="defaultSrc"/>