Call Angular 5 function from Android WebView

Question

I am trying to call Angular 5 function from my Abdroid WebView.

In Android

if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.KITKAT){
this.mWebView.evaluateJavascript("fooBar();", null);
} else {
this.mWebView.loadUrl("fooBar();");
}

In my Angular component I have added fooBar function

In Angular Component

fooBar=function(){
console.log("fooBar");
}

But above code throws

Error

VM772:1 Uncaught ReferenceError: fooBar is not defined at <anonymous>:1:1

Could anyone help me on How to call Typescript function from Android Webview

Found the solution for this? – DroidDev Sep 22 '21 at 17:07 — DroidDev, Sep 22 '21 at 17:07

score 1 · Accepted Answer · edited Jun 20 '20 at 09:12

1

See How do expose angular 2 methods publicly?

I don't know why you would do this, in your android webview. Maybe reevaluate that decision, tho I don't know the specifics. (would comment but can't)

edited Jun 20 '20 at 09:12

Community

1
1

answered Jun 14 '18 at 14:01

Grenther

476
3
10

I need to return value to Angular 5 from webview – Rahul Matte Jun 14 '18 at 14:26

Call Angular 5 function from Android WebView

1 Answers1