Question

我尝试使用ng-src从本地文件夹加载imgs，当我测试它时返回404错误。 ng-src能够引用本地文件夹，还是总是需要http://example.com/imgs/ {{work.img}}的硬编码路径.jpg？

我的JSON结构如下：

var works = [
{title:"XYZ", img:"portfolio_1"},
{title:"XYZ", img:"portfolio_2"},
{title:"XYZ", img:"portfolio_3"}]

function WorkListController($scope){
                    $scope.works = works;
}

<div class="portfolio" ng-controller="WorkListController">
                <ul class="t1">
                    <li ng-repeat="work in works"><img ng-src='/imgs/{{work.img}}.jpg'>{{work.title}}</li>
                </ul>

由于

Answer 1

要从本地文件夹获取图像，您需要将项目放在http服务器上，如Apache Tomcat。

创建项目并将项目放在tomcat的webapps文件夹中，然后启动服务器。它将在http服务器上部署应用程序，然后您可以使用相对路径访问文件。

否则，如果您只是直接在浏览器上打开页面，则必须提供本地文件夹的完整路径。

我们可以使用ng-src引用本地文件吗？

1 个答案: