Mở tab mới khi nhấp vào nút trong AngularJS

<button type="button" class="btn btn-primary" ng-click="openTab()">new tab</button>

openTab = function () {
  $http.post('www.google.com');
}

Những gì tôi muốn là đăng một yêu cầu và mở html phản hồi trong một tab mới khi bạn nhấp vào nút "openTab". Không có phương pháp để làm điều này với $http. Tôi nghĩ điều này có thể đơn giản, nhưng tôi không thể tìm ra cách.

Bạn có thể thực hiện tất cả điều này trong bộ điều khiển của mình bằng cách sử dụng dịch vụ $ window tại đây . $ window là một trình bao bọc xung quanh cửa sổ đối tượng trình duyệt chung.

Để thực hiện công việc này, hãy đưa $ window vào bộ điều khiển của bạn như sau

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

điều này hoạt động tốt khi chuyển hướng đến các tuyến đường động

Tôi đã giải quyết câu hỏi này theo cách này.

<a class="btn btn-primary" target="_blank" ng-href="{{url}}" ng-mousedown="openTab()">newTab</a>

$scope.openTab = function() {
    $scope.url = 'www.google.com';
}

Cách HTML phù hợp: chỉ cần bao quanh nút của bạn bằng phần tử neo và thêm thuộc tính target = "_ blank" . Nó đơn giản như vậy:

<a ng-href="{{yourDynamicURL}}" target="_blank">
    <h1>Open me in new Tab</h1>
</a>

nơi bạn có thể đặt trong bộ điều khiển:

$scope.yourDynamicURL = 'https://stackoverflow.com';

Bạn nên sử dụng $locationdịch vụ

Tài liệu Angular:

• Hướng dẫn sử dụng $ location
• API $ location