init----对于更新新的之后的凉凉之后的项目重构

config.xml

 <?xml version='1.0' encoding='utf-8'?>
 <widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
-    <name>MyApp</name>
+    <name>啦啦啦</name>
     <description>一个通用模板app.</description>
     <author email="1005100328@qq.com">Van.Chen</author>
     <content src="index.html" />
@@ -83,6 +83,7 @@
     <plugin name="cordova-plugin-ionic-webview" spec="^3.0.0" />
     <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
     <plugin name="cordova-plugin-local-notification" spec="0.9.0-beta.2" />
+    <plugin name="cordova-plugin-background-mode" spec="0.7.2" />
     <engine name="android" spec="7.1.4" />
     <engine name="ios" spec="4.5.5" />
 </widget>

package.json

@@ -21,6 +21,7 @@
     "@angular/platform-browser": "^7.2.2",
     "@angular/platform-browser-dynamic": "^7.2.2",
     "@angular/router": "^7.2.2",
+    "@ionic-native/background-mode": "^5.3.0",
     "@ionic-native/core": "^5.0.0",
     "@ionic-native/local-notifications": "^5.3.0",
     "@ionic-native/splash-screen": "^5.0.0",
@@ -28,6 +29,7 @@
     "@ionic/angular": "^4.1.0",
     "cordova-android": "7.1.4",
     "cordova-ios": "4.5.5",
+    "cordova-plugin-background-mode": "0.7.2",
     "cordova-plugin-badge": "^0.8.8",
     "cordova-plugin-device": "^2.0.2",
     "cordova-plugin-ionic-keyboard": "^2.1.3",
@@ -78,7 +80,8 @@
         "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
       },
       "cordova-plugin-ionic-keyboard": {},
-      "cordova-plugin-local-notification": {}
+      "cordova-plugin-local-notification": {},
+      "cordova-plugin-background-mode": {}
     },
     "platforms": [
       "android",

src/app/app.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { Platform } from '@ionic/angular';
 import { SplashScreen } from '@ionic-native/splash-screen/ngx';
 import { StatusBar } from '@ionic-native/status-bar/ngx';
+import { BackgroundMode } from '@ionic-native/background-mode/ngx';
 
 @Component({
   selector: 'app-root',
@@ -12,7 +13,8 @@ export class AppComponent {
   constructor(
     private platform: Platform,
     private splashScreen: SplashScreen,
-    private statusBar: StatusBar
+    private statusBar: StatusBar,
+    private backgroundMode: BackgroundMode
   ) {
     this.initializeApp();
     this.initEvent();

src/app/main/page-three/page-three.component.html

 <p>
   page-three works!
 </p>
+{{token}}
 <ion-button mode="ios" color="primary" expand="full" class="loginBtn" (click)="show()">Detail</ion-button>

src/app/main/page-three/page-three.component.ts

@@ -9,6 +9,7 @@ import {LocalNotifications} from '@ionic-native/local-notifications/ngx';
 export class PageThreeComponent implements OnInit {
 
     index = 0;
+    token = window.localStorage.getItem('token') || '';
 
     constructor(private localNotifications: LocalNotifications) {
     }