Angularjs 为什么可以'；我的程序找不到图像吗？_Angularjs

Angularjs 为什么可以'；我的程序找不到图像吗？

angularjs

Angularjs 为什么可以'；我的程序找不到图像吗？,angularjs,Angularjs,当我通过浏览器直接进入目录时，换句话说，localhost:8888/images/mannese-1.jpg，图像显示在浏览器上，但在控制台上显示404，它找不到图像。有人能帮我弄清楚为什么它不能检索图像吗 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ng-mansions</title> &

当我通过浏览器直接进入目录时，换句话说，localhost:8888/images/mannese-1.jpg，图像显示在浏览器上，但在控制台上显示404，它找不到图像。有人能帮我弄清楚为什么它不能检索图像吗

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ng-mansions</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    </head>
<body ng-app="ngMansions" ng-controller="mansionsController">

    <!--Nav Bar-->
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">mc-mansions</a>
            </div>
        </div>
    </nav>

  <!--Real Estate Listings-->
    <div class="container">
        <div class="col-sm-4" ng-repeat="mansion in mansions">
            <div class="thumbnail">
                <img ng-src="images/{{mansion.image}}.jpg" alt="">
                <div class="caption">
                    <h3>{{mansion.address}}</h3>
                    <p><strong>Type: </strong>{{mansion.type}}</p>
                    <p><strong>Description: </strong>{{mansion.description}}</p>
                    <p><strong>Price: </strong>{{mansion.price | currency}}</p>
                </div>
            </div>
        </div>
    </div>

</body>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.14.3/ui-bootstrap-tpls.min.js"></script>
    <script src="app.js"></script>
    <script src="scripts/mansionsController.js"></script>
    <script src="scripts/mansionsFactory.js"></script>
</html>


南洋大厦
{{大厦地址}
类型：{{MANDESE.Type}
说明：{{大厦.说明}
价格：{{大厦价格|货币}

也许您必须更改此选项

{{mansion.image}}

致：

因为它说{mannese.image}，所以实际的jpg文件也必须是单数的，mannese-1.jpg而不是mansions-1.jpg。这些细节真的让我着迷。

我怀疑你是否输入了错误的路径Pankaj，我不确定你的意思，但我的工作环境是这样的：htdocs（文件夹）->mc mansions（文件夹）->data（文件夹）、images（文件夹）、scripts（文件夹）、app.js和index.htmlCan你能给我们看看mansioncontroller和mansionsFactory.js吗。也许你可以在那里做些改变

"+ {{mansion.image}} +"