第一步：ionic2插件安装
$ ionic plugin add --save cordova-plugin-broadcaster
$ npm install --save @ionic-native/broadcaster
第二步：ionic2中的代码
test1() {
// Send event to Native
this.broadcaster.fireNativeEvent('jumpNative', {"item":"ionic的值"}).then(()=>console.log('success'));
// Listen to events from Native（实现广播的注册和监听）
// (注意：由于传值是通过Android的广播机制执行的，在点击原生按钮给ionic2传值的时候，必须先执行以下代码实现广播注册)
this.broadcaster.addEventListener('didShow').subscribe((event)=>
console.log('这句话是在ionic 里面打印的:===='+event['data'])
);
}
第三步 原生中js/tstoNative接收代码
final BroadcastReceiver receiver =new BroadcastReceiver() {
@Override
public void onReceive(Context context, Intent intent) {
try{
String userdata = intent.getExtras().getString("item");
// JSONObject data = new JSONObject(userdata);
Toast.makeText(context,"跳转"+userdata,Toast.LENGTH_SHORT).show();
Intent intent1 =newIntent(MainActivity.this, TestActivity.class);
startActivity(intent1);
}catch(Exception e) {
throw newRuntimeException(e);
}
}
};
LocalBroadcastManager.getInstance(this)
.registerReceiver(receiver,newIntentFilter("jumpNative"));
注：此段代码最好在onCreate中编写
原生中Nativetojs/ts发送代码
button.setOnClickListener(newView.OnClickListener() {
@Override
public voidonClick(View v) {
//给ionic传值
Intent intent =newIntent("didShow");
Bundle b =newBundle();
b.putString("userdata","{ data: 'test'}");
intent.putExtras(b);
LocalBroadcastManager.getInstance(TestActivity.this).sendBroadcastSync(intent);
});
注：我将这段代码写到另一个界面，通过ionic给native传递事件实现跳转，ios中可以将ionic界面和原生界面写到一起，在android中试了几次不行，如果有朋友知道方法可以私聊我 -
打印结果
05-18 17:40:55.463 23520-23520/com.ionicframework.testionic2848246 I/chromium: [INFO:CONSOLE(55673)] "这句话是在ionic 里面打印的:====test", source: file:///android_asset/www/build/main.js (55673)
ios实现方法：ionic2 与 iOS 互相传值的最简单方式
官方网站详解：官网详解
