Question

我试图通过ASP.NET MVC项目中的angularJS控制器将图像路径传递给HTML页面。该图像存储在项目的“contents / images”文件夹中。我收到404（未找到）错误。我正在使用IIS express。以下是代码

HTML

    <div class="carousel-inner" role="listbox" >
        <div data-ng-repeat="img in mainCtrl.images">
            <div class="item">
                <img src={{img.path}} alt={{img.name}} class="banner">
            </div>
        </div>
      </div>

角度控制器

(function () {
    'use strict';

    angular
    .module('TestApp')
    .controller('mainCtrl', mainCtrl);

    mainCtrl.$inject = ['$scope'];

    function mainCtrl($scope) {
        $scope.images = 
            [
                { path: '..\Contents\images\banner\banner1.jpg', name:'banner1', item:"item active" },
                { path: '..\Contents\images\banner\banner2.jpg', name:'banner2', item:"item"},
                { path: '..\Contents\images\banner\banner3.jpg', name:'banner3', item:"item"}
            ]

    }

})();

它正试图在http://testApp/Contents/images/banner/banner1.jpg

处查找图像

传递图像路径的正确方法是什么，即使在我发布到IIS服务器之后仍然可以工作

-Alan -

Answer 1

如果您将基本网址作为路径传递，它是否有效？或者也许尝试替换

<img src={{img.path}} alt={{img.name}} class="banner">

与

<img ng-src="{{img.path}}" alt="{{img.name}}" class="banner">

快速编辑：抱歉，我在一秒钟之前没有格式化html。

通过angularJs控制器将图像路径传递给HTML

HTML

角度控制器

1 个答案: