如何使用Angularjs ui-router和组件传递URL中没有的参数？

$stateProvider.state('example', {
  url: '/example/:param1/:param2',
  params: {
    extraParam: null
  },
  ...
});

angular.module('example').component('exampleComponent', {
  controller: function($stateParams) {
    var param1 = $stateParams.param1;
    var param2 = $stateParams.param2;
    var extraParam = $stateParams.extraParam;
    ...
  },
  ...
});

<a ui-sref="example({param1: 'value1', param2: 'value2', extraParam: 'value3'})">Go to Example</a>

$state.go('example', {param1: 'value1', param2: 'value2', extraParam: 'value3'});