Ng-Quelle nicht für Bild arbeitet

Question

Ich versuche Bild zu laden mit dynamischen Werten und html mit Winkeln aber work.i dies nicht versuchen:

<img ng-src="img/{{product.Category}}/{{product.id}}.jpg"> 

und dies auch:

<img src="img/{{product.Category}}/{{product.id}}.jpg"> 

Beliebig Vorschläge? Danke im Voraus.

Answer 1

function AppCtrl($scope) { 
 
    $scope.link = 'https://farm4.staticflickr.com/3261/2801924702_ffbdeda927_d.jpg'; 
 
    $scope.changeLink = function() { 
 
     $scope.link = 'https://farm9.staticflickr.com/8455/8048926748_1bc624e5c9_d.jpg'; 
 
    } 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app> 
 
    <div ng-controller="AppCtrl"> 
 
     <a href='#'><img ng-src="{{link}}" ng-if="link"/></a> 
 
     <button ng-click="changeLink()">Change Image</button> 
 
    </div> 
 
</div>

Wir ng-src verwenden können, aber wenn ng-src's Wert null geworden ist, '' oder undefiniert, ng-src wird nicht funktionieren. Verwenden Sie einfach ng-if für diesen Fall - stellen Sie sicher, dass das Bild in diesem Pfad verfügbar ist

Answer 2

versuchen Sie, diese Ausgabe in "alert()" in Ihren Controllern zu setzen, um den Wert zu überprüfen. Wenn die Ausgabe nicht leer ist, überprüfen Sie Ihre Controller. überprüfen Sie Ihre Datenbank, wenn Bilder mit ihrer Erweiterung gespeichert werden oder nicht!