1. ホーム
  2. javascript

AngularJSでボタンクリック時に新しいタブを開く

2023-10-21 13:26:02

質問

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

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

requireを投稿して、"openTab"ボタンをクリックすると新しいタブで応答htmlを開きたいのです。これを実現する方法は $http . 私はこれが多分単純だと思うが、私は方法を見つけることができない。

どのように解決するのですか?

これはすべてコントローラ内で $window サービスを使って行うことができます。 ここで . windowは、グローバルなブラウザオブジェクトwindowのラッパーです。

これを動作させるには、次のようにコントローラに$windowを注入します。

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

これは動的なルートにリダイレクトするときにうまく機能します。