如何在 AngularJS 中定义默认路由？

Question

当 angularjs 访问以下 url 时，我试图定义默认路由

http://localhost:62831/#/

默认路由应该转到下面的主页。

http://localhost:62831/

如何使用 $urlRouterProvider 定义它？ 下面的行似乎没有任何区别。

$urlRouterProvider.otherwise('/');

有什么建议？ 谢谢！

 appl.config(['$stateProvider', '$urlMatcherFactoryProvider', '$locationProvider', '$urlRouterProvider',
    function ($stateProvider, $urlMatcherFactoryProvider, $locationProvider, $urlRouterProvider) {

        $urlMatcherFactoryProvider.caseInsensitive(true);

        $stateProvider
            .state('home', {
                url: '',
                templateUrl: 'search',
                controller: 'applCtrl'
            })
            .state('person', {
                url: '/person',
                templateUrl: 'Person',
                controller: 'applPersonCtrl'
            })

        $urlRouterProvider.otherwise('/');

        $locationProvider.hashPrefix(''); //it defaults to ! after angularjs 1.5

    }]);

Answer 1

您可以匹配您网站的 url（带有尾随 /）并按如下方式显式转到 home 状态，同时还有一个 not found url 条件：

$urlRouterProvider.otherwise(function ($injector, $location) {
    var $state = $injector.get('$state');
    if ($location.$$url === '' || $location.$$url === '/') {
        $state.go('home');
        return;
    }
    $state.go('notFound'); // some custom not found page
});