InAppBrowser not working that cannot open on app

Ionic Framework ionic-v3
1

i am trying to create an in App Browser ios and android app (Basically open a web site as a mobile app)
However when i deploying on my iphone the web doesnt open on the app, but open on a browser.
below is the code i am trying, i had tried to check is this a problem of white list.

BELOW a home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { InAppBrowser, InAppBrowserOptions} from '@ionic-native/in-app-browser';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(private inAppBrowser: InAppBrowser) {

  }

  ionViewDidLoad() {
    const options: InAppBrowserOptions ={
			zoom: 'no'
		}
		const browser = this.inAppBrowser.create('https://login.tattle.systems', '_self')
  }
}

BELOW a config.xml

<content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-navigation href="http://login.tattle.systems" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
2

if i test on ionic serve -l it look fine