Open a new tab on button click in AngularJS

by

You can do this all within your controller by using the $window service here. $window is a wrapper around the global browser object window.

To make this work inject $window into you controller as follows

.controller('exampleCtrl', ['$scope', '$window',
    function($scope, $window) {
        $scope.redirectToGoogle = function(){
            $window.open('https://www.google.com', '_blank');
        };
    }
]);

this works well when redirecting to dynamic routes

More Related Contents:

  1. Share data between AngularJS controllers
  2. Delete firebase data older than 2 hours
  3. Angularjs Uncaught Error: [$injector:modulerr] when migrating to V1.3
  4. Why Does Firebase Lose Reference outside the once() Function?
  5. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  6. AngularJS – Value attribute on an input text box is ignored when there is a ng-model used?
  7. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  8. Maintain model of scope when changing between views in AngularJS
  9. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  10. use $http inside custom provider in app config, angular.js
  11. What is the difference between & vs @ and = in angularJS
  12. AngularJS toggle class using ng-class
  13. How do I get the Back Button to work with an AngularJS ui-router state machine?
  14. Export to xls using angularjs
  15. orderBy array item value in Angular ng-repeat
  16. Binding ng-model inside ng-repeat loop in AngularJS
  17. AngularJS – Building a dynamic table based on a json
  18. Reading Excel file using node.js
  19. download csv file from web api in angular js
  20. How to make POST requests with the FormData API
  21. How to remove an item from an array in AngularJS scope?
  22. AngularJS abort all pending $http requests on route change
  23. Unit-test promise-based code in Angularjs
  24. angular.js ng-repeat for creating grid
  25. Render value without data-binding
  26. How can I populate a select dropdown list from a JSON feed with AngularJS?
  27. Reason for using array notation when defining AngularJS Controller
  28. What is the difference between the $parse, $interpolate and $compile services?
  29. WebSocket connection failed: Error during WebSocket handshake: Unexpected response code: 400
  30. How to create an Array with AngularJS’s ng-model

Leave a Comment