AngularJS - $ routeProvider和data-ng-view的问题

时间:2015-02-13 12:01:16

标签: javascript html angularjs routes ngroute

我有以下html页面,

  1. index.html - 有ng-view
  2. welcome.html
  3. app.html - 有许多子页面。所以需要使用ng-view
  4. 我的初始$routeProvider是,

    $routeProvider
        .when('/', {
            redirectTo: '/welcome'
        })
    
        .when('/welcome',{
            templateUrl: 'views/welcome.html',
            controller: welcomeCtrl
        })
    
        .when('/app',{
            templateUrl: 'app.html',
            controller: mainCtrl
        })
    
        .otherwise({
            redirectTo: '/welcome',
        });
    

    现在app.html内有多个子页面。如何为此添加路由?

    我对AngularJS比较陌生。我尝试在ng-view内添加app.html并尝试在同一$routeProvider中定义路由,但是当我做同样的操作时,我收到错误,maximum call stack exceeded错误,并且我的错误浏览器的内存越来越大,而且它被绞死了。我严重缺少一些基本的东西

    先谢谢你的帮助。

1 个答案:

答案 0 :(得分:1)

我建议您使用angular ui-router

  

AngularUI路由器是AngularJS的路由框架,它允许您将接口的各个部分组织到状态机中。与围绕URL路由组织的Angular ngRoute模块中的$ route服务不同,UI-Router是围绕状态组织的,可以选择附加路由以及其他行为。