uj-router of angularjs可選參數

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，創建一個可選的第一個路徑參數

Answer 2

你有另一個國家的網址：

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

這應該使您的localhost：80 /注冊按需要工作。