如何从 WebView Cordova AngularJS 控制器访问/发送数据到 MainActivity？

Question

如何将数据从 angularjs 控制器发送到 Android Studio 中的 MainActivity。

这是 MainActivity：

package at.restaurantKellner;

import android.os.Bundle;
import org.apache.cordova.*;

public class MainActivity extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);

        // enable Cordova apps to be started in the background
        Bundle extras = getIntent().getExtras();
        if (extras != null && extras.getBoolean("cdvStartInBackground", false)) {
            moveTaskToBack(true);
        }

        // Set by <content src="index.html" /> in config.xml
        loadUrl(launchUrl);
    }
}

这是我的 Angular controller.js：

'use strict';
window.App.Module = angular.module('AppModule.tisch-details', ['ngRoute']);

window.App.Ctrls.controller('tisch-detailsCtrl', ['$scope', '$http', '$location', '$timeout', '$route', '$rootScope', 'ngDialog', 'czs', '$sce', '$q', 'user', function ($scope, $http, $location, $timeout, $route, $rootScope, ngDialog, czs, $sce, $q, user) {

//I want to send this information to MainActivity
$scope.dataForMainActivity = "Data to send";




    }]);

有人可以给我写一个示例代码吗？我将不胜感激

Answer 1

1. 创建 JavascriptWebInterface 类。它可以是一个内部类。

   public class JsInterface {
     Context mContext;
   
     JsInterface(Context c) {
       mContext = c;
     }
   
     @JavascriptInterface   // << This annotation makes it works!
     public void myFunc(String toast) {
       Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
     }
   }
   

2. 将该类注册到 webView。 Cordova 将其隐藏在 appView 中。

   package at.restaurantKellner;
   
   
   import android.os.Bundle;
   import org.apache.cordova.*;
   
   public class MainActivity extends CordovaActivity
   {
       @Override
       public void onCreate(Bundle savedInstanceState)
       {
           super.onCreate(savedInstanceState);
           super.init(); //ADD super.init
   
           // enable Cordova apps to be started in the background
           Bundle extras = getIntent().getExtras();
           if (extras != null && extras.getBoolean("cdvStartInBackground", false)) {
               moveTaskToBack(true);
           }
   
           // INJECT OUR JS INTERFACE HERE!
           WebView webView = (WebView) this.appView.getEngine().getView();
           webView.getSettings().setJavaScriptEnabled(true);
           webView.addJavascriptInterface(new JsInterface(webView.getContext()), "android");
   
           // Set by <content src="index.html" /> in config.xml
           loadUrl(launchUrl);
       }
   }
   

3. 像普通的 javascript 调用一样进行调用。最好检查一下android是否存在。请注意，android 是窗口中的 javascript 对象。如果您在 Angular 的内部范围内，您可能需要通过window.android 访问它。

   if (typeof android !== 'undefined' && android !== null) {
       android.myFunc('hello');
   } else {
       console.log('Not in android webbox');
   }