如何在HTML dynamycally显示图像（angularjs）

src={{logo}} 

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

我dynamicaly显示图片的路径，但它没有出现在HTML路径，我是否需要使用引号SRC？任何人都可以请帮助我。如何在HTML dynamycally显示图像（angularjs）

来源

2016-12-27 MMR

行情： -

–

使用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>

来源

2016-12-27 12:50:22

我没有看到用上述代码显示的图像。 – MMR

@nlr_p这是本地主机URL（只能从您的系统访问）。我添加了其他可访问的URL。请检查 –

@nir_p您可以检查代码段中的输出。 –

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

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

来源

2016-12-27 12:50:29

简单地用NG-SRC ..

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

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

来源

2016-12-27 12:54:52

如何在HTML dynamycally显示图像（angularjs）

回答

相关问题