Open html on another tab on button click using Angularjs

Question

I have a page in my AngularJS that has an edit button, I need to open the edit page on another tab when I click the edit button. Can it be possible using the angular way? I need to use the same controller to be able to access the data. How can I possible do this? Can someone please give me a sample?

Possible duplicate of Open a new tab on button click in AngularJS — M3talM0nk3y
– M3talM0nk3y, Commented Sep 5, 2017 at 0:37
You can use the $window service. See the example from the documentation: docs.angularjs.org/api/ng/service/$window — DrewT
– DrewT, Commented Sep 5, 2017 at 0:45

DrewT · Accepted Answer · 2017-09-05 01:08:04Z

1

Here's a fiddle to show opening the tab:

https://jsfiddle.net/e8g1m0xs/

I.e.:

angular.module('new_tab', [])
  .controller('ExampleController', ['$scope', '$window', function($scope, $window) {
    $scope.openTab = function() {
      $window.open('https://www.google.com', '_blank');
    };
  }]);

<div ng-app="new_tab" ng-controller="ExampleController">
  <button ng-click="openTab()">New Tab</button>
</div>

But in order to use the same controller for the new tab, and do something like pass information to it, you would have to implement a wildcard pattern into your angular router to pass along state information. I usually do things like that using UI Router. See the section titled URL Parameters.

answered Sep 5, 2017 at 1:08

DrewT

5,0922 gold badges43 silver badges54 bronze badges

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

Collectives™ on Stack Overflow

Open html on another tab on button click using Angularjs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related