Angular ui-router $ stateProvider.state的url属性

时间:2017-12-30 18:51:42

标签: angularjs angular-ui-router

我正在为我的应用程序测试ui-router,并希望我的路由具有默认状态。

例如,当我转到localhost:3000 / r时,我可以在给定的页面中加载/ a或/ b,

app.config(function($stateProvider) {
   $stateProvider.state('a', {
           templateUrl : '/a',
           url : '',
           controller  : 'mainController'
       })
       .state('b', {
           templateUrl : '/b',
           url : '',
           controller  : 'mainController'
       });
});

重要性或网址属性究竟是什么?如果我把它留空,它作为我的路由localhost:3000 / r的默认状态并加载/ a进入页面?

1 个答案:

答案 0 :(得分:0)

您需要为配置功能注入另一个提供程序,该提供程序将用于设置默认路由 您需要为当前状态设置网址(a,b)

app.config(function($stateProvider, $urlRouterProvider) {
   $urlRouterProvider.otherwise("/a");
   $stateProvider.state('a', {
        templateUrl : '/a',
        url : '/a',
        controller  : 'mainController'
    })
    .state('b', {
        templateUrl : '/b',
        url : '/b',
        controller  : 'mainController'
    });
});

通过这样做,您的默认路线将是" / a"