1. Method 1
$state.go pass parameters .state('index-result', { url: '/index-result', params: { 'airline': null, 'category': null, 'menuTypes': null }, templateUrl: 'templates/index-result.html', controller: 'ProductCtrl', }) var params = { airline: 1, category: 2, menuTypes: "3" }; $state.go("index-result", params); var airline = $stateParams.airline; var category = $stateParams.category; var menuTypes = $ stateParams.menuTypes; console.log(airline + "," + category + "," + menuTypes);
2. Method 2
.state('fooddetail', { url: '/fooddetail/:foodId', templateUrl: 'templates/fooddetail.html', controller: 'ProductDetailCtrl', }) <li class="col-lg-3 col-md-3 col-sm-4 col-xs-12" ng-repeat="item in productList"> <a href="#/fooddetail/1001" class="box"> <div class="box-img"></a> </li> console.log($stateParams.foodId);