Question

我有一个单页应用。（index.html）。相关部分如下。

def new
  @lesson = Lesson.find(params[:lesson_id])
  @illust_report = current_user.illust_reports.build
end

路线档案相关部分：

<!DOCTYPE html>
<html>
<head>
<base href="/mi_ui/">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<script src="assets/js/angular.js"></script>
...
<body ng-app="sk" ng-controller="mainController as main">
<div ng-view></div>

我的代码位于名为mi_ui的文件夹中。只有上面设置的基本href路径有效。所有其他值（如（/））都不会加载资源。

我的文件夹结构是：

.when('/home',{
        templateUrl: 'views/home.html',
        controller: 'homeController',
        controllerAs: 'home',
    })

上述应用程序完美无瑕。问题是，我想在home.html中加载loader.gif。我把下面的代码：

mi_ui
--assets
----css
----js
----images
------loader.gif
--services
--controllers
--views
----home.html
app.js
index.html

但是没有加载此图像。 从Chrome开发者控制台我看到“源”标签只包含index.html中引用的文件。因此，如果我将img行放在index.html中，则会加载该文件并显示在Chrome源标签中。但不是来自home.html。知道如何解决这个问题吗？

我在tomcat 7中运行应用程序。

Answer 1

将ng-src替换为src

<img src="assets/images/loader.gif" id="gif">

Answer 2

清除浏览器历史记录，然后重试。

从ng-view文件角度加载图像

2 个答案: