passing query string with $stateprovider in angular js

Question

Here is the code that I am using currently:

in view:

<a ui-sref="restaurantDetail({ type: {{restaurant.type}} })" >{{restaurant.name}}</a>

In route,

 .state('restaurantDetail', {
    url: '/restaurantDetail/:type',
    templateUrl: 'templates/restaurantDetail.html',
    controller : 'restaurantDetailCtrl'
  })

In controller:

.controller('restaurantDetailCtrl', function($scope,$http,Base_URL,$state, $stateParams) {   
  console.log($stateParams); //returns Object type:""
  console.log($stateParams.type); //returns undefined
});

It should generate the URL restaurantDetail/type but it is returning restaurantDetail

I don't know where the issue is? I just need to pass the variable within url using $stateProvider

JB Nizet · Accepted Answer · 2016-06-09 06:37:26Z

1

It should be

restaurantDetail({ type: restaurant.type })

answered Jun 9, 2016 at 6:37

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Simerjit Parmar Over a year ago

Thanks for replying,It didn't return me the resturant.type

Simerjit Parmar Over a year ago

Here is the solution that works for me, hope it help others too.

.state('menu.restaurantDetail', {     url: '/restaurantDetail/:type',     views: {       'side-menu21': {         templateUrl: 'templates/restaurantDetail.html',         controller: 'restaurantDetailCtrl'       }     }   })

and the anchor tag is <a ui-sref="menu.restaurantDetail({ type: restaurant.type })">{{restaurant.name}}</a>

Wasiq Muhammad · Accepted Answer · 2016-06-09 07:35:35Z

0

AS you are not passing data correctly it should be in this way

<a ui-sref="restaurantDetail({ type: restaurant.type })">{{restaurant.name}}</a>

answered Jun 9, 2016 at 7:35

Wasiq Muhammad

3,1483 gold badges19 silver badges30 bronze badges

Comments

Simerjit Parmar · Accepted Answer · 2016-06-09 12:26:30Z

0

I found the solution. Here is the code:

In route:

.state('menu.restaurantDetail', {
    url: '/restaurantDetail/:num',
    views: {
      'side-menu21': {
        templateUrl: 'templates/restaurantDetail.html',
        controller: 'restaurantDetailCtrl'
      }
    }
  })

in View:

<a ui-sref="menu.restaurantDetail({ num: restaurant.num })">{{restaurant.name}}</a>

Then In controller you can use $stateParams

console.log($stateParams.num);

answered Jun 9, 2016 at 12:26

Simerjit Parmar

8181 gold badge8 silver badges22 bronze badges

Collectives™ on Stack Overflow

passing query string with $stateprovider in angular js

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related