在AngularJS中单击按钮后打开一个新选项卡

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

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

我想要的是发布一个需求，然后单击“ openTab”按钮时在新选项卡中打开响应html。无法使用来执行此操作$http。我认为这可能很简单，但我找不到办法。

您可以使用$ window服务在此处在控制器中完成所有操作。$ window是全局浏览器对象窗口的包装。

为此，将$ window注入到控制器中，如下所示

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

重定向到动态路由时效果很好

我这样解决了这个问题。

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

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

正确的HTML方式：只需将按钮与锚元素一起并添加属性target =“ _ blank”即可。它是如此简单：

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

您可以在控制器中设置的位置：

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

您应该使用该$location服务

角度文档：

• $ location使用指南
• $ location API