Angularjs UI-router 不工作并且没有错误信息答案

【问题标题】：Angularjs UI-router not working and no error messageAngularjs UI-router 不工作并且没有错误信息
【发布时间】：2014-09-30 01:12:17
【问题描述】：

我是 angularjs 的新手，我正在尝试设置我的 ui-routes。当我转到该页面时，我单击将您发送到该路线的按钮，但没有任何反应（甚至没有错误消息）。这就是我的路由配置的样子......

var route = angular.module('route', ["ui.router", 'ngResource'])

// configure the routing        
 route.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    // send to profile page
    $urlRouterProvider.otherwise("/user_stats");

    $stateProvider

// route for personal info
.state('index', {
    url: "/user_stats", 
    templateUrl : "statistics/user_stats.html" , 
    controller : 'user_statsController'
})

});

这是我的带有按钮和视图的html文件

<!-- navigation bar -->
        <div class="wrapper" ng-controller="HeaderController" style="margin-top:8px">
        <ul class="nav nav-pills">
            <li ng-class="{ active: isActive('/user_stats')}"> <a ui-sref="user_stats"><span class="glyphicon glyphicon-eye-open"></span> Statistics</a></li>
        </ul>
        </div>

        <!-- route veiw -->
    <div class="container" id="route" style="width:90%">
            <div ui-view></div>
    </div>

有什么想法吗？提前致谢

【问题讨论】：

标签： html angularjs angular-ui-router

【解决方案1】：

我认为//route for personal info 的评论看起来很奇怪，我也更喜欢这样声明路线：

$stateProvider.when('/', {
    url: "/user_stats", 
    templateUrl : "statistics/user_stats.html" , 
    controller : 'user_statsController'
}).otherwise({ redirectTo: '/' });

【讨论】：

感谢您的回复，但我现在修好了。我忘记将具有路由配置的模块注入到主模块中。

【解决方案2】：

您必须在配置方面做一些工作。请参阅下面的代码示例

route.config(['$routeProvider', '$locationProvider', '$stateProvider', function ($routeProvider, $locationProvider, $stateProvider) {

        var home = {
            name: 'home',
            controller: 'HomeController',
            templateUrl: '../shell/home.html',
            pageTitle: ''
        },
        login = {
            name: 'login',
            controller: 'loginController',
            templateUrl: '../../authentication/login.htm',
            pageTitle: ''
        },
        signatories = {
            name: 'signatories',
            controller: 'SignatoriesCtrl',
            templateUrl: '../signature/signatories.htm',
            pageTitle: "Signatories"
        };

        $stateProvider.state(home);
        $stateProvider.state(login);
        $stateProvider.state(signatories);

        $locationProvider.html5Mode(true);

    } ]).run(['$rootScope', '$state', '$stateParams',  function ($rootScope, $state, $stateParams) {
        $rootScope.$state = $state;
        $rootScope.$stateParams = $stateParams;


    } ]).controller('RootController', ['$scope', '$route', '$routeParams', '$location', '$state', function ($scope, $route, $routeParams, $location, $state) {

    } ]);

【讨论】：