ionic3

问题 I have a list of statuses whose values are: Dispatched, open, and closed. When I click on a checkbox I want to filter the results <ion-item *ngFor="let s of appointmentStatus" > <ion-checkbox [(ngModel)]="s.checked" (click)="updateFilter(s)"></ion-checkbox> <ion-label >{{ s.status }}</ion-label> </ion-item> <div *ngFor="let a of todaysAppointments> //list of appointments goes here I have tried to come up with a way to do this with pipes, but I have not found a good example and I am rather new

问题 I am aware that Ionic have stated that they will not be supporting IE11 - however I am still currently obliged by work to try and come up with a workaround of some sort if possible! The issue I am having is the main.js file built by Ionic in the dev environment is throwing an error in IE11 due to it using template literals. I have created a polyfills.ts file which includes the following polyfills.ts import 'core-js/es6/string'; import 'core-js/fn/string/raw'; import 'core-js/es6/symbol';

问题 Typescript Error Cannot find name 'require'. C:/Users/me/project/src/pages/home/home.ts // require the Twilio module and create a REST client const client = require('twilio')(accountSid, authToken); Ionic Framework: 3.3.0 Ionic App Scripts: 1.3.7 Angular Core: 4.1.2 Angular Compiler CLI: 4.1.2 Node: 6.10.3 OS Platform: Windows 10 Navigator Platform: Win32 User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; ts code CODE inside home.ts: TOP import { Component } from '@angular/core'; import {

问题 I have a backend server (Spring Boot, proxied by nginx) that my Ionic application communicates with. With every single request, it sends the following headers: access-control-request-headers: * , access-control-allow-headers: * , access-control-allow-origin: * , access-control-allow-methods: GET, POST, PUT, HEAD, OPTIONS, DELETE, PATCH . No exceptions. It also allows OPTIONS requests and returns HTTP 200 for every one of them. Now, I have an ionic app that uses @angular/common/http . In

问题 I am working in my Ionic App and I have used the PayPal in my Ionic App. This is my checkout.ts : import { PayPal, PayPalPayment, PayPalConfiguration } from '@ionic-native/paypal/ngx'; constructor(private PayPalMobile: PayPal) { } makepaymentp() { //console.log("Payment"); this.PayPalMobile.init({ PayPalEnvironmentProduction: 'YOUR_PRODUCTION_CLIENT_ID', PayPalEnvironmentSandbox: 'asasasasasasasasasas', }).then(() => { // Environments: PayPalEnvironmentNoNetwork, PayPalEnvironmentSandbox,

问题 How do I add my Web API key for Google Firebase? in my ionic app for web platform** explanation -: 1. I am working on ionic App where I am trying to integrate it with PUSH (https://ionicframework.com/docs/native/push/) using firebase I have followed all the steps from https://ionicframework.com/docs/native/push/ Problem : Push notification is not working for web platform for ios and android it is working . I am putting the code below : ts file -: import { Push, PushObject, PushOptions } from

问题 I have implemented swipeable tabs in Ionic3 which works perfectly. I want to know how to select ContactPage from ChatsPage (both are individual tabs in super-tabs ). this.navCtrl.parent.select(0) is not working with super-tabs . <super-tabs tabsHighlight="true" tabsPlacement="top" [selectedTabIndex]="mySelectedIndex" > <super-tab [root]="contactsRoot" title="My Team" ></super-tab> <super-tab [root]="chatsRoot" title="Chats" ></super-tab> <super-tab [root]="callsRoot" title="Call Log" ></super

问题 I'm trying to test my Ionic(3.16.0) hybrid app using Android Emulator that ships with Android Studio v3.0. /myapp> ionic cordova build android successfully creates the build. But when I run /myapp> ionic cordova emulate android the emulator starts and loads the screen, however, I'm not able to locate the my app in the emulator. Also the stack trace in the terminal logs are seen below: Waiting for emulator to start... emulator: Requested console port 5584: Inferring adb port 5585. Hax is

问题 I am trying to install font-awesome in my ionic 3 project. I used the command : npm install font-awesome --save Here is the content of the package.json file { "name": "ionic-hello-world", "version": "0.0.0", "author": "Ionic Framework", "homepage": "http://ionicframework.com/", "private": true, "scripts": { "clean": "ionic-app-scripts clean", "build": "ionic-app-scripts build", "lint": "ionic-app-scripts lint", "ionic:build": "ionic-app-scripts build", "ionic:serve": "ionic-app-scripts serve"

问题 I'm trying to hide the footer of my Ionic 3 app when the keyboard is open, i've followed the steps found on official documentation and also on this question's accepted answer: Hide tabs on keyboard open I've correctly installed the keyboard plugin and imported it in app.module.ts, i have this code in app.component.ts: this.platform.ready().then(() => { this.keyboard.onKeyboardShow().subscribe(() => { document.body.classList.add('keyboard-is-open'); }); this.keyboard.onKeyboardHide().subscribe