Wie Bild zeigen dynamycally in html (AngularJS)

Question

src={{logo}} 

var logo = 'localhost:3000/modules/images/default.png' 

Ich bin der Bildpfad dynamicaly anzeigt, aber es ist nicht Weg in html zeigt, Do ich brauche Angebote für src zu benutzen? Kann jemand mir bitte helfen.

Answer 1

Verwenden ng-src

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

Dies gibt Ihnen Ergebnis erwartet, weil phone.imageUrl ausgewertet wird und durch ihren Wert ersetzt, nachdem Winkel geladen wird.

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

Aber mit diesem, versucht der Browser {{phone.imageUrl}}, mit dem Namen, ein Bild zu laden, die in einem ausgefallenen Wunsch führt. Sie können dies in der Konsole Ihres Browsers überprüfen.

var app=angular.module("myApp",[]); 
 
app.controller('myCtrl',function($scope){ 
 
    $scope.logo='https://angularjs.org/img/AngularJS-large.png'; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
    <div> 
 
    <img ng-src="{{logo}}" /> 
 
    </div> 
 
</div>

Answer 2

<img ng-src={{logo}}/> 

$scope.logo = 'localhost:3000/modules/images/default.png' 

Answer 3

einfach verwenden ng-src ..

$scope.logo = 'localhost:3000/modules/images/default.png'; 

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