Angular JS ng-src

Angular JS ng-src

本文关键字:ng-src JS Angular      更新时间:2023-09-26

我想使用Angular JS包含一个图像。我从json文件中设置了这两个变量:

if (typeof images !== 'undefined') {
    $scope.imgFirst = images.first;
    $scope.showImage = true;
} else {
    $scope.showImage = false;
}

但以下内容不起作用,我总是看到alt文本而没有图片。链接是100%正确的,我将json打印到控制台,链接就是它应该是的。<p><img ng-show="showImage" ng-src="{{imgFirst}}" width=95% alt="No picture available">First image.</img></p>

怎么了?谢谢你的帮助。

if (typeof images !== 'undefined') {
    $scope.imgFirst = images.first;
    $scope.showImage = true;
} else {
    $scope.showImage = false;
}
$scope.$apply();