Angular ui.router, Creating an Optional First Path Param

Question

Relatively new to working with Angular, but I couldn\'t seem to find any url aliasing or fully optional path params (something like {/var1}/:var2 when using ui.

Answer 1

Maybe this would work

.state('app.view', {
    url: '/:var1/:var2',
    templateUrl: 'yourTpl.html',
    controller: 'YourCtrl',
    params: {
        var1: {squash: true, value: null}
    }
})

squash configures how a default parameter value is represented in the URL when the current parameter value is the same as the default value