State.go to new tab with parameter in angularjs

Question

I have to open the new tab using state.go with parameter,

State config:

 .state("view", {
    url: "/view",
    templateUrl: 'app/components/view/view.html',
    controller: 'viewController',
    params: {
      data: ''
    }
  })

In the some controller:

var url = $state.href('view', {data: JSON.stringify($scope.data)});

    window.open(url,'_blank');

When i tried above code its redirecting to new tab but i can't able to get the passed params values in the viewcontroller.

You may find the answer here [State.go to new tab with parameter in angularjs](https://stackoverflow.com/a/51565518/1959948) — Dalorzo, Jul 28 '18 at 04:31

Kalleshwar Kalshetty · Answer 1 · 2018-03-26T11:51:15.377

0

In your controller you have to inject $stateParams like

.state("view", {
   url: "/view/:data",
   templateUrl: 'app/components/view/view.html',
   controller: 'viewController'
})

.controller('viewController', ['$stateParams', function($stateParams) {
    $scope.params = $stateParams.data; // here you get parameter values
})

edited Mar 26 '18 at 11:51

answered Mar 22 '18 at 14:53

Kalleshwar Kalshetty

544
5
12

what values you are getting in $scope.params when you console.log them? – Kalleshwar Kalshetty Mar 26 '18 at 07:13
Getting empty value, That i defined in config – Sathiesh Kumar Mar 26 '18 at 09:11
can you please check now i changed state url with respect to data parameter – Kalleshwar Kalshetty Mar 26 '18 at 11:51

State.go to new tab with parameter in angularjs

1 Answers1