Android WebView - open external link in browser

[felicks]

I'm using a WebView to display some HTML Data which contain links to websites. I want to open the link in the default browser (not inside the app). This works in iOS by default, but not in android. How can I achieve this?

[support]

👋 @felicks, we use the issue tracker exclusively for bug reports and feature requests. However, this issue appears to be a support request. Please, use Stackoverflow to get help.

[tsonevn]

Hi @felicks,
Check out this thread here, where the same case has been discussed.

[felicks]

@tsonevn I already tried this, but I wasn't able to use it in my angular project. Could you help me with this?

thats what I have so far:

import { Component, OnInit } from "@angular/core";

import { Item } from "./item";
import { ItemService } from "./item.service";
 declare var android: any;
@Component({
    selector: "ns-items",
    templateUrl: "./items.component.html"
})
export class ItemsComponent implements OnInit {
    items: Array<Item>;
    html: any;
    constructor(private itemService: ItemService) { }

    ngOnInit(): void {
        this.items = this.itemService.getItems();
        this.html= "<p>Hello World<a href='https://google.de'>HTML Link</a></p>"
    }

    loaded(args){
        console.log(args.object)
        var webview = args.object;
        var TNSWebViewClient =
          android.webkit.WebViewClient.extend({
            shouldOverrideUrlLoading: function (view, url) {
              if (url != null && url.startsWith("http://")) {
                console.log(url);
                // use openUrl form utils module to open the page in a browser
                return true;
              } else {
                return false;
              }
    }})
    }
}