角路由不工作，該URL的變化，但頁面沒有加載正確

下面是我的文件結構，請讓我知道我做錯了，我的路由不工作：角路由不工作，該URL的變化，但頁面沒有加載正確

的index.html

<!DOCTYPE html> 
<html ng-app="appNakul"> 
<head> 
    <title> Nakul Chawla</title> 
    <!--<base href="App/"/>--> 
    <link href="../Content/bootstrap.min.css" rel="stylesheet"/> 

</head> 


<body> 

<ul> 
    <li><a href="#/">Default Route</a></li> 
    <li><a href="#/resume">Resume Route</a></li> 
    <li><a href="#/home">Home Route</a></li> 

</ul> 
<div ng-view></div> 
<script src="../Scripts/angular.js"></script> 
<script src="../Scripts/bootstrap.js"></script> 
<script src="../Scripts/angular-route.js"></script> 

<script src="shared/common.js"></script> 
<script src="appNakul.js"></script> 

<script src="shared/indexCtrl.js"></script> 

<script src="home/homeCtrl.js"></script> 
<script src="resume/resumeCtrl.js"></script> 


</body> 
</html>

appNakul.js

(function() { 
    'use strict'; 
    angular.module('appNakul', ['ngRoute' ]) 
     .config(function ($routeProvider) { 
      $routeProvider.when('/home', { 
       title: 'Home', 
       templateUrl: 'home/home.html', 
       controller: 'homeCtrl' 
      }) 
       .when('/resume', { 
        title: 'Resume', 
        templateUrl: 'resume.html', 
        controller: 'resumeCtrl' 
       }) 
       .otherwise({ 
        redirectTo: '/home' 
       }); 
      // $httpProvider.interceptors.push('httpInterceptor'); 
     }) 
     .run(function ($rootScope) { 
      $rootScope.on('$routeChangeSuccess', function (event,currentRoute,previousRoute) { 
       document.title = currentRoute.title; 
      }); 
     }); 
});

從這個

除了我有一份簡歷folde r和有基本的HTML佈局和Ctrl文件看起來都象下面這樣一個主文件夾：

resumeCtrl.js

(function(){ 
    'use strict'; 
    angular.module('appNakul').controller('resumeCtrl',['$scope','$rootScope','$routeParams','$route', function($scope,$rootScope,$routeParams,$route){ 

    }]); 

});

時生成的網址是： ../App/index.html#/home，但事實就是URL實際加載的內容是..App/home/home.html

來源

2016-11-10 nakulchawla09

你可以顯示你的應用程序的文件夾/文件結構嗎？ –

我已將它添加爲圖像。 – nakulchawla09

沒有什麼會跳出來，因爲你的設置錯了，特別是如果/ home路徑加載不正確。控制檯是否輸出錯誤？ –

新的答案
在您的appNakul.js中，您正在使用匿名函數實例化模塊。唯一的事情是，你不是在調用這個函數！它改成這樣：

(function() { 
    'use strict'; 
    angular.module('appNakul', ['ngRoute' ]) 
    // Truncated 
})();

，你應該是好去。

老，但仍然相關答案
看起來你templateUrl的路線不正確。
你說你有一個簡歷和一個家庭文件夾，那麼url應該在恢復文件夾中。

.when('/resume', { 
    title: 'Resume', 
    templateUrl: 'resume/resume.html', 
    controller: 'resumeCtrl' 
})

來源

2016-11-10 22:52:55

即使那時我的家鄉路線看起來是正確的，即使家裏沒有工作。 – nakulchawla09

這工作。非常感謝。我犯了一些其他的錯誤，但固有的問題是我沒有調用匿名函數。這是編碼的好方法嗎？只是問，爲js文件寫匿名函數，還是應該改變我的方式？ – nakulchawla09

所有歸結爲個人喜好或商業偏好。我當然無法說一種方式比另一種更好，但我相信在編寫AngularJS代碼時建議使用匿名函數。把所有東西都關在窗口等等。 –

角路由不工作，該URL的變化，但頁面沒有加載正確

回答

相關問題