Problema com rotas em template AngularJS

Galera eu tenho um template aqui que usa o angularJS e o sistema de rotas dele está da seguinte forma

.state('app.produto', {
                  url: '/produto',
                  templateUrl: 'tpl/detProdutos.php',
                  // use resolve to load other dependences
                  resolve: {
                      deps: ['uiLoad',
                        function( uiLoad ){
                          return uiLoad.load( ['js/app/produto-calc.js',
                                               JQ_CONFIG.moment] );
                      }]
                  }
              })

e no html ele está assim

<a ui-sref="app.produto" class="pull-left thumb-md avatar b-3x m-r">

e eu precisava passar pela URL o ID do produto mas não sei como faço isso no angular... alguem tem ideia de como faço isso?