Несколько необязательных параметров с помощью angular ui-router

Я пытаюсь использовать несколько необязательных параметров с помощью ui-router, но он не работает. Ниже приведены тесты, которые я сделал:

Единственный параметр в порядке

state.url       url called     state param values

/page/:x        /page/         $stateParams.x == ""
/page/:x        /page/2        $stateParams.x == "2"

Один необязательный параметр в порядке

/page/:x?       /page/         $stateParams.x == ""
/page/:x?       /page/2        $stateParams.x == "2"

Два параметра в порядке (за исключением уродливых двойных слэшей в первом случае, /page и /page/ превращаются в /page//. Но поскольку параметры не являются необязательными, то ОК)

/page/:x/:y     /page//        $stateParams.x == "" && $stateParams.y == ""
/page/:x/:y     /page/2        $stateParams.x == "" && $stateParams.y == ""
/page/:x/:y     /page/2/       $stateParams.x == "2" && $stateParams.y == ""
/page/:x/:y     /page/2/3      $stateParams.x == "2" && $stateParams.y == "3"

Два необязательных параметра ведут себя странно. Второй параметр всегда undefined, и он не может решить первый параметр, когда я укажу второй.

/page/:x?/:y?   /page/         $stateParams.x == "" && $stateParams.y == undefined
/page/:x?/:y?   /page/2        $stateParams.x == "2" && $stateParams.y == undefined
/page/:x?/:y?   /page/2/       $stateParams.x == "" && $stateParams.y == undefined
/page/:x?/:y?   /page/2/3      $stateParams.x == "" && $stateParams.y == undefined

Ответ 1