ng Datei-Upload - ng-src nicht funktioniert

Question

Ich erwarte, dass ein Bild aus einer anderen Quelle auf einem Attribut in Abhängigkeit zeigen, so habe ich die folgenden:

<div ng-if="!file.$ngfBlobUrl"> 
    <img style="width:50px; height: 50px" ng-src="{{diffent/img/path.jpg}}"> 
     </div> 

<div ngf-if="!!file.$ngfBlobUrl"> 
    <img style="width:50px; height: 50px" ngf-src="file"> 
</div> 

Wenn Datei $ ngfBlobUrl === falsch!. , diese Quelle wird nicht verwendet, so dass das Bild nicht angezeigt wird, das ist perfekt. Aber ich bekomme einen Fehler 404, weil diese IMG-Quelle nicht gefunden werden konnte. Wie kann ich das verhindern? Ich meine, die ng-if wird dort nicht nach dieser URL suchen.

Hinweis: NGF-if und $ ngfBlobUrl sind aus der ng Datei-Upload-Bibliothek

Answer 1

Der Wert für das Attribut ng-src das Winkelmodell verweisen. Ex:

function MyCtrl($scope) { 
    $scope.image = 'http://imgur.com/myimage.jpg' 
} 

<img style="width: 50px; height: 50px;" ng-src="{{image}}"> 

Answer 2

ich gelöst es zwei verschiedene Listen verwenden, eine mit den Dateien, die bereits hochgeladen (ng-src mit = „{{path}}“) und einem weiteren für die Dateien hochgeladen werden und mit Hilfe der ngf-src-Anweisung. Ich denke, es ist ein viel sauberer und einfacher Weg, um das zu erreichen, was ich wollte.

Danke trotzdem!