Estoy tratando de pasar parámetros a través del estado del enrutador ui.

Sin embargo, no estoy seguro de cómo pasar los parámetros. Aqui estan mis codigos

app.config(function($stateProvider) {    
    $stateProvider
        .state('first', {
            url: '/first',
            templateUrl: 'first.html'
        })
        .state('second', {
            url: '/second',
            templateUrl: 'second.html'
        })
})

//my first.html
app.controller.('firstCtrl' ,["$scope", "$state", function($scope, $state){
    $scope.userInput <- come from user
    $scope.clickThis=function() {
        $state.go("second", $scope.userInput);
    }

}]);

//my second.html
app.controller.('secondCtrl,["$scope", "$state", function($scope, $state){
    //How do I get the parameter that is passed to here..
})

Puedo redirigir la página a second.html pero parece que no puedo obtener el parámetro que se pasa a mi secondCtrl. ¿Alguien puede ayudarme al respecto?

Gracias.