ng-include爲什麼不顯示任何內容？

我有一個使用ng-include引入標題的索引文件。這裏是我的索引文件：ng-include爲什麼不顯示任何內容？

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> 
     <title>{{page.title}}</title> 
     <link rel="stylesheet" href="../dist/libs/bootstrap/dist/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="../dist/libs/bootstrap/dist/css/bootstrap-theme.min.css"> 
     <link rel="stylesheet" href="../dist/libs/animate.css/animate.min.css"> 
     <link rel="stylesheet" href="../dist/libs/font-awesome/css/font-awesome.min.css"> 
     <link rel="stylesheet" href="../dist/styles/style.min.css"> 
     <script src="../dist/libs/jquery/dist/jquery.min.map"></script> 
     <script src="../dist/libs/bootstrap/dist/js/bootstrap.min.map"></script> 
     <script src="../dist/libs/angular/angular.min.js"></script> 
     <script src="../dist/libs/angular-route/angular-route.min.js"></script> 

     <script src="../dist/js/controllers.min.js"></script> 
     <script src="../dist/js/routes.min.js"></script> 
     <script src="../dist/js/app.min.js"></script> 
    </head> 
    <body ng-app="praxis"> 
     <div ng-include="partials/header.html"></div> 
     <div ng-view></div> 
    </body> 
</html>

我沒有得到任何錯誤，我的控制器加載我的NG-視圖。

這裏是頭文件：

<div id="preloader"> 
    <div id="status"> </div> 
</div> 
<div id="sb-site"> 
    <div class="boxed"> 
     <header id="header-full-top" class="hidden-xs header-full"> 
      <div class="container"> 
       <div class="header-full-title"> 
        <h1 class="animated fadeInRight">Code<span>.<strong>Praxis</strong></span></h1> 
       </div> 
      </div> 
     </header> 
    </div> 
</div>

這條小路需要爲基礎，以關閉應用程序正在運行或在索引文件所在的位置嗎？

來源

2014-09-04 Jason Spick

你應該提供一個字符串，你的情況，注意周圍的文件路徑單引號：

<div ng-include="'partials/header.html'"></div>

從技術文檔：

角表達式計算到URL。如果源是一個字符串常量，請確保將其用單引號括起來，例如SRC = 「 'myPartialTemplate.html'」。

來源

2014-09-04 16:08:03 dfsq

這並沒有做任何事情。我的印象是，當你使用時，你不需要單引號字符串。也許我錯了，但它仍然沒有什麼區別。 – 2014-09-04 16:10:50

你應該用單引號包裝路徑。如果模板仍然不顯示，請檢查控制檯中的路徑，很可能您有404，並且您需要調整路徑。確保有相對於index.html的'partials/header.html'路徑。 – dfsq 2014-09-04 16:12:25

就是這樣。我的路徑被一個文件夾關閉。我從來沒有想過要檢查控制檯。謝謝。 – 2014-09-04 16:15:16

-1

我想你必須把它寫這樣的：

<div ng-include src="'partials/header.html'"></div>

隨着src屬性。

來源

2014-09-04 16:10:42 user3592436

ng-include將角度表達式評估爲URL。如果源是一個字符串常量，請確保將其用單引號括起來，例如src="'myPartialTemplate.html'"所以你的代碼應該是：

<div ng-include="'partials/header.html'"></div>

see詳細

來源

2014-09-04 16:25:19

ng-include爲什麼不顯示任何內容？

回答

相關問題