2014-10-08 108 views
0

我一直在尋找通過多個教程和其他堆棧溢出帖子沒有成功爲我的app.js $ routeProvider。這裏是GitHub的鏈接項目https://github.com/StudentJoeyJMStudios/PetPinterest.git

這裏是我的app.js

var app = angular.module('se165PetPinterestWebApp', [ 
    'ngAnimate', 
    'ngCookies', 
    'ngRoute' 
    ]); 

    app.config(['$routeProvider', function($routeProvider){ 
     $routeProvider.when('/select', 
      { 
       templateUrl: '/views/categorySelection.html', 
       controller: 'CatSelCtrl' 
      }). 
      otherwise(
      { 
       redirectTo: '/' 
      }); 
    }]); 

當我想要導航到新的頁面我知道injuect $位置,並使用$位置相依操作路徑,但代碼它不會導航到新頁面。以這種方式瀏覽頁面是否會重新加載js文件,例如我的服務文件?請提前幫助謝謝你。

回答

1

你還記得在index.html中包含ng-view指令嗎?

ngView是一個指令,通過將當前路徑的渲染模板包含到主佈局(index.html)文件中來補充$ route服務。每次當前路線改變時,包含的視圖都會根據$ route服務的配置而變化。

https://docs.angularjs.org/api/ngRoute/directive/ngView

+0

我將它放入我的index.html只或每個HTML文件? – 2014-10-09 23:03:27

+0

是的,ng-view進入index.html;它定義了放置路由中定義的模板/視圖的位置。 – Kokaubeam 2014-10-31 03:16:49

+0

那麼只有在我的index.html文件中沒有其他.html文件需要路由到? – 2014-12-05 19:27:04