ionicでInAppBrowserを起動して特定のURLで閉じる

下準備として

• npmがインストールされている
• bowerがインストールされている
• ionicがインストールされている

今回使うプラグインはこれ
cordova-plugin-inappbrowser

んなわけでおもむろにアプリを書き始めます。

ionic start myApp tabs #適当に変えて下さい

bower install ngCordova #ngCordovaのインストール
cordova plugin add cordova-plugin-inappbrowser #プラグインのインストール 

www/index.html

#/ng-cordova.jsの読み込み
<script src="cordova.js"></script>
<script src="lib/ngCordova/dist/ng-cordova.js"></script> 

www/js/app.js(controllerでもOK)

#下記のようにngCordovaを追加
angular.module('starter', ["ngCordova"])

適当なビューにリンクを作る

<a ng-click="login()">ログイン</a>   

コントローラー

.controller('DashCtrl', function($scope, $cordovaInAppBrowser) {
  $scope.login = function(){
    var ref = cordova.InAppBrowser.open('URL', '_blank', 'location=no');
    ref.addEventListener('loadstart', function(event) {
        if(event.url == "別のURL"){
          ref.close(); #閉じる
        }
    });
  };
})