ui-router optional param without trailing slash

Question

So this seems like a common problem but I haven\'t found any definite answer. Basically I have a state:

.state(\'users\', {
     url: \'/example/:id\',
        t         


        

Answer 1

You can define optional URL parameters by giving them a default value in the params object, like this. squash will hide the parameter in links if it's not defined.

.state('users', {
         url: '/example/:id',
            templateUrl: 'angular-views/example.html',
            controller: 'ExampleCtrl',
            params:  {
              id: {
                     value: null,
                     squash: true
                  }
                }
        });

I tried this locally and it seems to work OK regardless of trailing slash.