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

【问题标题】：AngularJS - Issue with $routeProvider and data-ng-viewAngularJS - $routeProvider 和 data-ng-view 的问题
【发布时间】：2015-02-13 12:01:15
【问题描述】：

我有以下 html 页面，

index.html - 有ng-view
welcome.html
app.html - 有很多子页面。所以需要使用ng-view

我最初的$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 比较陌生。我尝试在app.html 中添加ng-view 并尝试在相同的$routeProvider 中定义路由，但是当我这样做时，我得到了错误maximum call stack exceeded 错误，并且我的浏览器的内存像任何东西一样增加了上吊。我严重错过了一些基本的东西

在此先感谢您的帮助。

【问题讨论】：

使用Angular UI router。
@vucko：谢谢。使用ui-router，我可以在index.html 和app.html 中使用ng-view 吗？
是的，请参阅plunker。
@Vucko 谢谢。所以我理解我们需要使用ui-view 而不是data-ng-view，而对于data-view，它的ui-sref。会试试这个。
另外，您需要使用$stateProvider 而不是$routeProvider。见github.com/angular-ui/ui-router/wiki

标签： javascript html angularjs routes ngroute

【解决方案1】：

我建议你使用angular ui-router:

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

【讨论】：