src={{logo}}
var logo = 'localhost:3000/modules/images/default.png'
我正在动态显示图像路径,但它没有在 html 中显示路径, 我需要为 src 使用引号吗?任何人都可以帮助我。
最佳答案
使用 ng-src
<img ng-src="{{logoUrl}}">
这给了你预期的结果,因为 phone.imageUrl 在加载 Angular 后被评估并替换为它的值。
<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>
关于javascript - 如何在html中动态显示图像(angularjs),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41345533/