Anzeige Bild in Angular

Question

und ich möchte ein Bild im meinem <img src> wenn ich die Schaltfläche zeigte Bild auswählen zeigt es alle Informationen des Bildes, aber es zeigt überhaupt keine IMG. Ich nenne die Information des Bildes in meinem app.js mit .directive

.directive("filesInput", function() { 

    return { 
     require: "ngModel", 
     link: function postLink($scope, elem, attrs, ngModel) { 
      elem.on("change", function(e) { 

       var files = elem[0].files; 
       ngModel.$setViewValue(files); 
       // var imageData = _.map(files, 'name'); 
       $scope.img = files; 
       console.log(files); 


      }) 
     } 
    } 
}); 

Wie kann ich die .directive nennen ("filesInput"), um meinen Controller in meinem .html

<img src="{{files}}"> 

Answer 1

anzuzeigen Sieht aus wie das Problem in der Direktive ist, wo es das Bild setzt. Es setzt also den Bereich img, aber nicht die Variable. Der IMG würde den vollständigen Pfad benötigen, z.

<img ng-src="{{img}}"> 

oder je nach Standort würden Sie den Bildpfad voranstellen müssen, bevor sie wie

<img ng-src="'/pathofimage/' + {{img}}">