angularjs - 使用 angularjs ui-router 捕获任何 url

Question

我在我的应用程序中使用了 Agularjs 和 ui-router。我需要捕获除“登录”和“/”之外的所有网址。所有的 url 都必须指向一个状态。

例如，网址会像

www.example.com/   // index
www.example.com/signin   // signin page

www.example.com/cars
www.example.com/sports
www.example.com/politics

我目前的设置是

 .config(function ($stateProvider, $urlRouterProvider, $locationProvider) {
    $stateProvider
      .state('index', {
        url: "/",
        templateUrl: 'partials/main.html',
        controller: 'MainCtrl'             
      })
      .state('signin', {
        url: "/signin",
        templateUrl: 'partials/signin',
        controller: 'MainCtrl'             
      })
      .state("otherwise", {
        url: "*path",
        templateUrl: 'partials/detail',
        controller: 'MainCtrl' 
       });

我也试过

$urlRouterProvider.otherwise(function($injector, $location) {
  $location.path($location.path());
})

但它不会加载/显示页面。

Answer 1

您需要使用 $urlRouterProvider.otherwise 并路由到定义的状态，我为您的示例调用了 detail:

.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/detail");

    $stateProvider
      .state('index', {
        url: "/",
        templateUrl: 'partials/main.html',
        controller: 'MainCtrl'             
      })
      .state('signin', {
        url: "/signin",
        templateUrl: 'partials/signin',
        controller: 'MainCtrl'             
      })
      .state("detail", {
        url: "/detail",
        templateUrl: 'partials/detail',
        controller: 'MainCtrl' 
       });