Angular` $ urlRouterProvider.otherwise`没有重定向到页面

时间:2016-03-08 21:42:05

标签: angularjs routing angular-ui-router

如果输入了不存在的网址,我正在尝试使用$urlRouterProvider.otherwise重定向到概述页面。目前,一切都适用于项目,没有收到任何错误,但我没有被重定向到

http://localhost:8081/browse/overview.html

输入无意义的网址,例如

http://localhost:8081/browse/overviewasdasd.nonExistent

相反,我看到一个带有Not Found的白页。所有帮助表示赞赏。

代码:

var app = angular.module('myApp', ['ui.router','ngAnimate', 'ui.bootstrap']);

app.config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider){
    $urlRouterProvider.otherwise('/browse/overview.html');
}])

1 个答案:

答案 0 :(得分:1)

  

出了什么问题?

$urlRouterProvider.otherwise('/browse/overview.html');工作正常,但$stateProvider没有定义将该URL指定给特定州的状态。

  

如何解决这个问题?

您需要为此特定情况添加状态。代码如下所示:

app.config(['$urlRouterProvider', '$stateProvider', function($urlRouterProvider, $stateProvider){
    $urlRouterProvider.otherwise('/browse/overview.html');

    $stateProvider.state('home',{
      url:'/browse/overview.html',
      templateUrl: "urlOfTheTemplate.html"
    })
}])

这是demo