從ng-view文件中加載角度圖像

我有一個單頁面應用程序（index.html）。相關部分如下。從ng-view文件中加載角度圖像

<!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>

路線文件的相關部分：

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

我的代碼是一個名爲mi_ui文件夾中。只有我設置的基礎href路徑工作。所有其他值（如/（））將不會加載資源。

我的文件夾結構爲：

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

上述申請工作完美無缺。問題是，我想在home.html中加載loader.gif。我把下面的代碼：

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

但這張圖片未加載。 從Chrome開發者控制檯中，我看到「源代碼」選項卡只包含index.html中引用的文件！。因此，如果我將img行放在index.html中，則會加載該文件並顯示在Chrome來源標籤中。但不是從home.html。任何想法如何解決這個問題？

我運行應用程序在Tomcat的7

來源

2017-03-07 Shabin Hashim

使用''NG-src'，'NG-src'使用僅範圍可變的src' insteed取代ng-src。 – Gaurav

與src

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

來源

2017-03-07 13:00:10 Gaurav

工作。謝謝 –

請投票答覆 – Gaurav

清除瀏覽器記錄，然後再試一次。

來源

2017-03-07 12:58:40

從ng-view文件中加載角度圖像

回答

相關問題