はどのように私はdynamicaly画像のパスを表示していますが、そのHTMLでパスを示していない（angularjs）

Question

src={{logo}} 

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

HTMLでdynamycally画像を表示するために、 は誰も私を助けてくださいことはできますか？私は、SRCのために引用符を使用する必要があります。

Answer 1

使用ng-src

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

角度がロードされた後phone.imageUrlは、その値で評価し、交換されるので、これは、あなたが結果を期待できます。

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

これで、ブラウザは{{phone.imageUrl}}という名前のイメージをロードしようとしましたが、その結果、リクエストが失敗しました。これはブラウザのコンソールで確認できます。

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

単に引用符のためにNG-srcの...

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

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