我想在我的离子项目中添加本地通知。我在app.module.ts中添加;
从'@ ionic-native / local-notifications / ngx'导入{LocalNotifications};
我在提供商中添加了LocalNotifications。
也在home.ts我写这个代码;
sendLocalNotifications() {
this.localNotifications.schedule({
title: 'Local ILocalNotification Example',
text: 'Delayed ILocalNotification',
trigger: {at: new Date(new Date().getTime() + 3600)},
led: 'FF0000',
data: {secret: "asaddad"},
sound: null
});
我也在home.ts中做了import和constructor的定义。当我在android设备上运行我的代码时出现以下错误;
**Error: Uncaught (in promise): TypeError: Object(...) is not a function
TypeError: Object(...) is not a function
at LocalNotifications.schedule (vendor.js:92805)
at HomePage.webpackJsonp.328.HomePage.sendLocalNotifications (main.js:2891)
at main.js:2881
at t.invoke (polyfills.js:3)
at Object.onInvoke (vendor.js:5134)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:5125)
at c (polyfills.js:3)
at polyfills.js:3
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:5125)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at o (polyfills.js:3)**
你能帮助我吗?
如果您使用离子3,请访问此链接
https://ionicframework.com/docs/v3/native/local-notifications/
安装cordova插件&npm
$ ionic cordova plugin add cordova-plugin-local-notification
$ npm install --save @ionic-native/local-notifications@4
需要在app.module.ts文件中导入
import {LocalNotifications} from '@ionic-native/local-notifications';
在providers数组[app.module.ts文件]中添加LocalNotifications
providers: [
StatusBar,
SplashScreen,
ImagePicker,
InAppBrowser,
LoginService,
ConnectivityService,
Network,
GooglePlus,
GoogleServiceProvider,
GoogleMapsKeyProvider,
AppVersion,
BarcodeScanner,
Device,
FCM,
CheckStorageProvider,
Facebook,
Geolocation,
TwitterConnect,
LinkedIn,
File,
Camera,
FileTransfer,
FilePath,
Base64,
{provide: ErrorHandler, useClass: IonicErrorHandler},
LocalNotifications
]
this.localNotifications.requestPermission().then((permission) => {
this.localNotifications.schedule({
id: 0,
text: 'Delayed ILocalNotification',
trigger: {at: date},
foreground: true,
vibrate: true,
led: {color: '#FF00FF', on: 500, off: 500},
data: {mydata: 'My hidden message this is'},
sound: this.setSound(),
});
});
通过将.mp3声音文件放在src / assets / sounds / sound.mp3来设置声音
setSound() {
if (this.platform.is('android')) {
return 'file://assets/sounds/sound.mp3'
} else {
return 'file://assets/sounds/sound.mp3'
}
}
您可以在使用订阅方法收到通知后阅读隐藏的消息(可以在主页或app.component.ts文件中添加)
if (_platform.is('cordova')) {
this.localNotifications.on('click').subscribe((datas: any) => {
alert(JSON.stringify(datas));
});
}