ionic-framework

Ionic IOS Tel keyboard very big (Zoom In)

爱⌒轻易说出口 提交于 2019-12-24 07:38:01
问题 Hi Developing an app using ionic for IOS. Having the passcode functionality here I am accepting the number from user but for IOS the numeric keyboard is opened as zoomed (zoom in). <input maxlength="6" ng-pattern="/^[0-9]*$/" placeholder="Enter passcode here." type='tel' required /> here I attached the screenshot numeric zoomed keyboard. How I can adjust its zooming of keyboard. keyboard displays very big 来源: https://stackoverflow.com/questions/43449816/ionic-ios-tel-keyboard-very-big-zoom-in

Wait for querySelectorAll

三世轮回 提交于 2019-12-24 07:33:24
问题 I am developing an app via Ionic Framework. I upgraded my app from Ionic 3 to Ionic 4. Now hyperlinks do not work anymore. The HTML content is loading dynamically based on the chosen page. I've read I have to set new eventListeners for my clicks on my a elements. I am trying: ngOnInit() { this.objAnswerService.getAntworten(objFrage).then(arrAnswer => { this.arrAnswers = arrAnswer; } } ngAfterViewInit() { console.log('_enableDynamicHyperlinks'); this._enableDynamicHyperlinks(); } private

Leaflet .locate watch option breaks .locate after changing tab Ionic 3

陌路散爱 提交于 2019-12-24 07:25:27
问题 I have one function called loadmap(){} where im creating map.Im loading this function with ionViewDidEnter() { this.loadmap(); } Inside loadmap i have this.map = leaflet.map("map").fitWorld(); thats how i initialize map This is how i remove map when user changes tab. ionViewDidLeave(){ this.map.remove(); } This is my .locate function: var usermarker; this.map.locate({ setView: true, maxZoom: 120, watch:true, enableHighAccuracy:true }).on("locationfound", e => { if (!usermarker) { usermarker =

Ionic Framework PushPlugin: onNotificationGMC is not fired and cannot obtain regID

徘徊边缘 提交于 2019-12-24 07:15:07
问题 I believe that this problem looks like this question: Cordova Push Plugin: onNotificationGMC is not fired and cannot obtain regID But I'm using Ionic Framework. I follow this tutorial in making PushProcessingService: http://intown.biz/2014/04/11/android-notifications/ //factory for processing push notifications. angular.module('starter.pusher', []) .factory('PushProcessingService', function(MyService) { function onDeviceReady() { console.info('NOTIFY Device is ready. Registering with GCM

How can i insert page in ionic 3 segment layout

独自空忆成欢 提交于 2019-12-24 07:13:14
问题 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

ionic and cordova not installing on windows

↘锁芯ラ 提交于 2019-12-24 07:06:04
问题 i'm trying to install ionic but i'm failed to do that..i had install node.js but now these 2 things are not installing on my laptop. kindly help me as i don't know what to do in such condition. Following command i tried to use: npm install -g cordova ionic sudo npm install -g cordova ionic npm install -g cordova npm install -g ionic 回答1: To start developing an ionic project: Prereqs Include Git for Windows for windows which is what I assume you are using based on the image in your question.

Firebase 3 get list which contain generated keys to ionic list

最后都变了- 提交于 2019-12-24 07:05:39
问题 I wanna synchronize firebase table with ionic list. These are items on database Items -KQpA9YpXyqBQ2HZedEo name: "jhj" -KQpAWtIaMeS93431BRQ name: "hj" -KQpB6grRt15GnacKHjW name: "j" This is ionic part <ion-list> <ion-item ng-repeat="item in items"> <h2>{{item.name}}</h2> </ion-item> </ion-list> Here is my firebase part var itemsRef = firebase.database().ref('Items'); //first try var items = itemsRef.orderByChild('name'); $scope.items = items; //this is second try itemsRef.on('child_added',

How to change the toolbar color in Ionic 4

狂风中的少年 提交于 2019-12-24 06:49:35
问题 I am working in my Ionic 4 app and I want to change the background color of the toolbar but it is not working. This I have tried: ion-toolbar { --background: #f2f2f2; } ion-toolbar { background: #f2f2f2 !important; } Like: color: var(--ion-color-contrast); where to define the --ion-color-contrast . In variables.scss file or some where else for changing the color. Can anyone help me how the define the variables in the variables.scss for changing the colors in Ionic 4 . 回答1: HTML: <ion-toolbar

GSAP in Ionic project

眉间皱痕 提交于 2019-12-24 06:44:24
问题 How can Import the GSAP library into an Ionic project. Just using npm install gsap don't work when I import through import { TweenMax, TimelineMax} from "gsap"; I use typescript. Thanks 回答1: You don't need Typings for it. I've used it in several projects (all of them Typescript): Put the GSAP libraries you want to use in assets/javascripts Include your file in your src/index.html file like this: <script src="assets/javascripts/TweenMax.min.js"></script> Right after your imports, declare the

core.js:15724 ERROR RangeError: Maximum call stack size exceeded Angular Ionic

杀马特。学长 韩版系。学妹 提交于 2019-12-24 06:42:38
问题 I am developing a ionic project using this referral, but I stuck on error and cant find solution. After reading some block, I think its related to calling a function in loop but I cant find any such function. Error: ERROR RangeError: Maximum call stack size exceeded at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber.notifyNext (mergeMap.js:83) at InnerSubscriber.push../node_modules/rxjs/_esm5/internal/InnerSubscriber.js.InnerSubscriber._next