ionic3

问题 import { Component, Inject } from '@angular/core'; import { NavController, Modal } from 'ionic-angular'; import { PopupPage } from '../../components/modal/modal.page'; @Component({ templateUrl: 'build/pages/spot/spot.html', providers: [ Modal ] }) export class SpotComponent { constructor(@Inject(Modal) private modal: Modal ) {} } 回答1: Just like @Pace commented, you can take a look at Ionic2 docs to see how to create a Modal . You don't have to include it in the providers array or in your

问题 I want to see the actual route on the url but I can't figure out what I need to change exactly. I'm following the docs here: https://ionicframework.com/docs/api/navigation/IonicPage/ but I get this error: ...home.ts has a @IonicPage decorator, but it does not have a corresponding "NgModule" at... I have this on the top of my page: @IonicPage({ name: 'sums-home', segment: 'sums-home' }) I created the home.module.ts file with this code: import { NgModule } from '@angular/core'; import {

问题 I have two segments on my page that switches the selection list on the page upon toggling them <ion-segment [(ngModel)]="changeCart" color="primary"> <ion-segment-button value="includeSeg" (ionSelect)="onSetEnclude()"> <ion-icon name="add"></ion-icon> </ion-segment-button> <ion-segment-button value="excludeSeg" (ionSelect)="onSetExclude()"> <ion-icon name="remove"></ion-icon> </ion-segment-button> </ion-segment> Under this segment there were two respective search tool bar which will be

问题 I have ruthlessly tried to build my Ionic 3 app for production using several different methods. Attempts Firstly I imported enableProdMode from Angular and called enableProdMode in my app.component.ts constructor. In turn, I got a blank screen when I built the app. I decided that this was an unnecessary step, as the Ionic Framework documentation suggested that I simply run ionic cordova build ios --prod to get a production build. In turn, I got the following errors. Errors After running the

问题 I have a simple Ionic3 app with a couple of lazy loaded pages (using IonicPage ) and a login page. I want to block all access to any page unless the user is first logged in. Knowing that this is to build a website version and not a cordova version, what is the best way to prevent the user for simply typing in the url of the lazy loaded pages and access them without logging in? I'm guessing there must be some way to "tap" into the navigation and redirect to the login page from there but cannot

问题 I am trying to implement App Availability Feature in ionic. I have an app installed in my device and trying to check if that app exists from another app. But facing an issue in the same, getting the below error 回答1: Possibly you are facing mismatch of ionic version of app and the plugin version you installed in your app. In Ionic V3 you no need to import from '../ngx'; Ionic V3 and V4 have Different plugin url Ionic v3 plugins Ionic v4 plugins. For Ionic v3 App availability ionic cordova

问题 I get unauthorized as response on every request after login successfully this is some of my code (let me know if you need to see anything else): Data provider on ionic this.storageProvider.getToken().then(results => { this.httpOptions = { headers: new HttpHeaders({ 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + results, 'Accept': 'application/json', }) }; }); public getTodayReservations() { //all reservations (not todays only) let _url = this.url + '/guides/reservations/all'

问题 I am able to save to firebase but could not retrieve the items as a list. It gives me the error as such: Uncaught(in promise): Error: InvalidPipeArgument'[Object.Object]' for pipe 'AsyncPipe' ... I am following a tutorial that still uses the FirebaseListObservable. But I can't get it to work since it is depecrated. Using the AgularFireList, I cant't list the items. Below is how I try to retrieve the items from firebase to Ionic app: import { AngularFireDatabase, AngularFireList } from

问题 Could you tell how to wait till all the promises are resolved? At this moment it moves to next line without completing below operation. I need to fully complete the foreach and after that move to the next line.So how can I do it? forEach(project.projectDetail.memberList, async (m) => { const memberDocumentRef: firebase.firestore.DocumentReference = this.fireStore.doc(`members/${m.id}`).ref; await this.fireStore.firestore.runTransaction(transaction => { return transaction.get(memberDocumentRef

问题 I have implemented tabs on a modal. Here is the code: Pagewithmodal.ts getFoodInfo(food) { let foodModal = this.modalCtrl.create('TabspagePage', { Model: food, Api: this.api, Title: 'Food Infopedia' }); foodModal.onDidDismiss(option => { console.log(option); }); foodModal.present(); } TabspagePage.html <ion-tabs> <ion-tab tabIcon="heart" [root]="tabNutri" tabTitle="Nutritional" [rootParams]="model"></ion-tab> <ion-tab tabIcon="star" [root]="tabIngre" tabTitle="Ingredients" [rootParams]="model