Das Bild kann nicht mit Angular.js

Question

angezeigt werden Ich kann das Bild nicht mit ng-file-upload mit angular.js anzeigen. Ich lade die Bilder hoch. Mein Code ist unten angegeben.

<div ng-repeat="mul in mulImage"> 
<div class="input-group bmargindiv1 col-md-12"> 
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Image{{$index+1}}:</span> 
<div> 
<input type="file" class="filestyle form-control" data-size="lg" name="upload_{{$index}}" id="bannerimage_{{$index}}" ng-model="mul.image" ngf-pattern="'image/*'" accept="image/*" ngf-max-size="2MB"> 
<div style="clear:both;"></div> 
</div> 
<span class="input-group-btn" ng-show="mulImage.length>0"> 
<img ngf-thumbnail="mul.image" name="pro" border="0" style="width:32px; height:32px; border:#808080 1px solid;" ng-if="mul.image !=null"> 
<input type="button" class="btn btn-success" name="plus" id="plus" value="+" ng-click="addNewImageRow(mulImage);" ng-show="$last"> <input type="button" class="btn btn-danger" name="minus" id="minus" value="-" ng-show="mulImage.length>1" ng-click="deleteNewImageRow(mulImage,$index);" ngf-select="onFileSelect1($index);"> 
</span> 
</div> 
</div> 

Mein Steuerungsseitencode wird unten angegeben.

$scope.mulImage=[]; 
     $scope.mulImage.push({'image':null}); 
     $scope.buttonName="Submit"; 
     $scope.addNewImageRow=function(mulImage){ 
     mulImage.push({'image':null}); 

     } 
     $scope.deleteNewImageRow=function(mulImage,index){ 
      mulImage.splice(index,1); 
     } 

     $scope.onFileSelect1 = function(index) { 
     } 

Hier bin ich nicht in der Lage, das Bild anzuzeigen, nachdem aus dem Ordner in ngf-thumbnail auswählen. Bitte hilf mir.

Answer 1

versuchen, $ scope hinzuzufügen. $ Apply();

$scope.addNewImageRow=function(mulImage){ 
    mulImage.push({'image':null}); 
    $scope.$apply(); 
}