Angularjs app.js $ routeProvider

时间:2014-10-08 20:10:36

标签: angularjs angularjs-routing

我一直在查看多个教程和其他堆栈溢出帖子,但我的app.js $ routeProvider没有成功。这是项目https://github.com/StudentJoeyJMStudios/PetPinterest.git

的github链接

这是我的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: '/'
            });
  }]);

当我想导航到新页面时,我知道要使用$ location依赖关系来损害$ location并操纵路径,但它不会导航到新页面。以这种方式浏览页面是否会重新加载js文件,例如我的服务文件?请提前帮助你。

1 个答案:

答案 0 :(得分:1)

您是否记得在index.html中包含ng-view指令?

  

ngView是一个指令,通过将当前路由的呈现模板包含到主布局(index.html)文件中来补充$ route服务。每当当前路由发生变化时,包含的视图都会根据$ route服务的配置随之改变。

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