Question

我尝试使用动态值和带有角度的html加载图像但不起作用。我试试这个：

<img ng-src="img/{{product.Category}}/{{product.id}}.jpg">

这也是：

<img src="img/{{product.Category}}/{{product.id}}.jpg">

有什么建议吗？提前谢谢。

Answer 1

function AppCtrl($scope) {
    $scope.link = 'https://farm4.staticflickr.com/3261/2801924702_ffbdeda927_d.jpg';
    $scope.changeLink = function() {
        $scope.link = 'https://farm9.staticflickr.com/8455/8048926748_1bc624e5c9_d.jpg';
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
    <div ng-controller="AppCtrl"> 
        <a href='#'><img ng-src="{{link}}" ng-if="link"/></a>
        <button ng-click="changeLink()">Change Image</button>
    </div>
</div>

我们可以使用ng-src但是当ng-src's值变为null，''或未定义时，ng-src将无效。所以在这种情况下只需使用ng-if - 确保图像在该路径中可用

Answer 2

尝试将此输出放在控制器的“alert（）”中以检查值。如果输出不为空，请检查控制器。如果图像与其扩展名一起存储，请检查您的数据库！

Ng源不适用于图像

2 个答案: