ionic3

问题 I just finished building a PWA using Ionic. Now i am stuck in making PWA SEO enabled. Since in ionic there is #(Hash location strategy) enabled in ionic and this results in # in all of the urls which doesn't help at all in SEO. So to remove # I tried setting Path location strategy {locationStrategy: 'path'} in AppModule. This removes the # from the url. But when I try to refresh it or go directly to a url, it returns 'Cannot GET /url' Few things I read for this problem is to rewrite to index

问题 I am using the alerts of Ionic 3 and I am facing an issue of alerts stacking up. I am using the network plugin to check if the user is connected to a network(WiFi/2G/3G etc.) or not and the idea is to trigger an alert every time the user goes offline or comes online. this.connectSubscription = this.network.onConnect().subscribe(() => { console.log('network connected!'); let connectedToInternet = this.alertController.create({ subTitle: 'Connected to Internet', buttons: ['OK'] });

问题 I am using Ionic v3.10, below is my login HTML code <ion-content> <ion-grid> <ion-row> <ion-col col-12> <ion-list> <ion-card> <ion-card-header> <ion-img style="background-color: transparent; display: block; margin: auto;" height="100" width="100" src="assets/logo.png" alt="iBin"></ion-img> </ion-card-header> <ion-card-content> <ion-item ion-fixed> <ion-label floating>Username</ion-label> <ion-input type="text"></ion-input> </ion-item> <ion-item ion-fixed> <ion-label floating>Password</ion

问题 i am using mongoDB as my backed, firebase.auth().onAuthStateChanges() method listens when authentication state changes in our app. thats really Cool. But same thing not happened in my case because of not similar backed i used. i will share my code in below before that i will tell you what i trying to get the user via constructor in app.component.ts. when the user successfully Logged in to my app i am getting user with unique token which i am storing in ionicStorage. at the same time i had

问题 I'm trying to create a custom menu in Ionic3, when the user clicks in that hamburguer icon, it needs to add to the element #menu an open class, I'm trying to do this with ngClass The problem is that this icon, is outside of my menu component, this icon is in my page home-user When opened, my menu looks like this next image, so I can't use the default menu from ionic So I have my component menu that has an variable named opened , and this variable decides the class of my menu element Menu.ts

问题 I'm moving my app to lazy loading. I'm done with pages, pipes and directives but now it's the turn of providers/services and some other modules. This was my app.module : ... import { FileUploadModule } from "ng2-file-upload"; import { CloudinaryModule } from "@cloudinary/angular-5.x"; import * as cloudinary from "cloudinary-core"; import { ImageUploadProvider } from "../services/image-upload/image-upload"; ... imports: [ ... FileUploadModule, CloudinaryModule.forRoot(cloudinary, { cloud_name:

问题 My ionic 3 application working fine in Ionic serve , But when taking build it’s keep on stops with the following error ==== JS stack trace ========================================= Security context: 000000200D3CFB49 <JS Object> 1: DoJoin(aka DoJoin) [native array.js:~129] [pc=00000315AEFE6C02] (this=000000200D304381 <undefined>,w=000000FF69DCAE69 <JS Array[414]>,x=414,N=000000200D3043C1 <true>,J=000000200D3AE4C9 <String[1]: >,I=000000200D3B46D9 <JS Function ConvertToString (SharedFunctionInfo

问题 I am trying to update the data from the api using this function ngOnInit(){ setInterval(()=>{ this.getPhonebook(); }, 1000); } getPhonebook() { this.showPhonebook = this.beaconProvider.getPhoneBookDirectories().subscribe(data => { this.infos = data; }, (err) =>{ console.log(err); }) } and trying to destroy it using this: ionViewDidLeave(){ this.showPhonebook.unsubscribe(); } ngOnDestroy(){ this.showPhonebook.unsubscribe(); } The Problem is when i try to destroy using ngDestroy or attach it to

问题 This is my app with Tabs layout Once i click on profile tab i push a page say Profile.ts which contains ion-segment in its own template Profile.html Profile.html <ion-content> <ion-segment [(ngModel)]="whichPage" color="primary"> <ion-segment-button style="font-size: 11px" value="Personal"> Personal </ion-segment-button> </ion-segment> <div [ngSwitch]="whichPage"> <ion-list *ngSwitchCase="'Personal'"> <ion-item> **HERE HOW CAN I DISPLAY ANOTHER PAGE WHICH I HAVE CREATED USING IONIC GENERATE

问题 I want to create a side menu with collapsible content. Is there any example available out there that I could use as a reference? I've tried searching for the same but failed. Any help or pointer would be highly appreciated. Thanks in advance. 回答1: You can take a look at my github repo. This is how the component looks like: The README.md file explains clearly how to use it: Just copy the side-menu folder (inculding the html, ts and scss files) in your project. Then include the