javascript - angularjs可选参数的ui-router

Question

.state('signup', {
        url:'/app/signup/:ref',
        templateUrl: 'partials/signup.html',
      })

以上是我使用 ui-route 的路由配置。它在我访问 localhost:80/signup/something

时有效

但我也希望它在我只访问 localhost:80/signup 时工作，我该怎么做？

Answer 1

你的配置是正确的，参数可以是可选的。

你也可以使用squash:

.state('signup', {
    url: '/app/signup/:ref',
    templateUrl: 'partials/signup.html',
    params: {
        ref: {squash: true, value: null}
    }
})

squash 配置当当前参数值与默认值相同时如何在 URL 中表示默认参数值

在这里查看更多信息:Angular ui.router, Creating an Optional First Path Param