AngularJs templaturl錯誤

Question

  when('/contact', { 

       templateUrl: './Contact.html', 
       controller: 'ContactController' 
      }). 
      otherwise(
      { 
       redirectTo: '/home' 
      }); 

我有這樣的templateurl。當我嘗試執行時，我的模板url不起作用。我已附加鏈接到我的應用程序Angular TemplateURL。請幫助我解決問題。

Answer 1

它是否顯示404錯誤？如果是，那麼檢查它試圖找到你的部分的路徑。確保你提到的路徑是正確的。這是相對於指數。它應該是pages /'pagename'.html

when('/contact', { 

      templateUrl: 'pages/Contact.html', 
      controller: 'ContactController' 
     }) 

Answer 2

首先，您應該首先了解相對路徑的工作原理。所以，在這裏它遵循：

/表示當前驅動器的根

./代表當前目錄

../表示當前目錄的父目錄。

正如您使用過的：templateUrl: './Contact.html',它會嘗試查看當前目錄。

所以，你必須改變你的模板的URL的這樣的路徑：

when('/contact', { 

       templateUrl: './pages/Contact.html', 
       controller: 'ContactController' 
      }). 
      otherwise(
      { 
       redirectTo: '/home' 
      });