ionic-framework

Ioniv-v4 : ionic cordova plugin add cordova-plugin-googleplus Not working

拟墨画扇 提交于 2019-12-23 02:59:06
问题 This (cordova-plugin-googleplus) command is not working with IONIC-v4-BETA, please help on this issue, details mentioned below. Command ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=REV_KEY COMMAND ERROR PS C:\ROOT\yaflix\Source\DEV\yaflix> ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=com.googleusercontent.apps.**************************************** > cordova plugin add cordova-plugin-googleplus --variable REVERSED

remove shadow from ion-searchbar in ionic 3

两盒软妹~` 提交于 2019-12-23 02:57:12
问题 I need to remove the border from ion-search bar . I tried the following code in variable.scss but got no luck.I am pretty new in ionic so please tell me in details. .searchbar-input { -webkit-box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 1), 0 3px 1px -2px rgba(255, 255, 255, 1), 0 1px 5px 0 rgba(255, 255, 255, 1); box-shadow: 0 2px 2px 0 rgba(255, 255, 255, 1), 0 3px 1px -2px rgba(255, 255, 255, 1), 0 1px 5px 0 rgba(255, 255, 255, 1); } 回答1: Is hard to figure out a solution without the output

White screen after running Ionic 4 app in cordova

随声附和 提交于 2019-12-23 02:54:22
问题 I am new in ionic. When I started my first project in ionic 4 it worked perfectly with command for web ionic serve but in case of ionic cordova run android it shows nothing but white screen on emulator Project Structure : I have only created home component ionic version 4 angular version 6.0.0 Solutions I have tried 1. Removing platform than adding it again ionic cordova -platform rm android ionic cordova -platform add android Note : I have created project by adding simple blank template,

Can't bind to 'ngModel' since it isn't a known property of 'ion-select'

我只是一个虾纸丫 提交于 2019-12-23 02:49:49
问题 Hello everyone when i'm compile my app in prod release i got an error Can't bind to 'ngModel' since it isn't a known property of 'ion-select'. My code <ion-select #sel1 [(ngModel)]="Selectedcat" (ngModelChange)="onChange()" > i make this configuration in appmodule : imports: [ BrowserModule, HttpModule, Ionic2RatingModule , FormsModule, IonicModule.forRoot(MyApp), IonicStorageModule.forRoot(), IonicImageLoader.forRoot() ] thanks for yours help 回答1: I solved my problem the problem was because

Firebase: How to retrieve data from two tables using id

◇◆丶佛笑我妖孽 提交于 2019-12-23 02:46:14
问题 I come from an SQL background and recently started using Firebase for building an ionic shopping cart. This is the database schema: To retrieve a user's cart, i used the following var user_id="user1"; // Temporary initialised var refCart = new Firebase("https://testing.firebaseio.com/cart"); var cart=$firebase(fireBaseData.refCart().child(user_id)).$asArray(); This gives the result: item1 1 item2 2 item3 5 So tried using foreach() var refMenu = new Firebase("https://testing.firebaseio.com

Ionic change navbar color dynamically

心不动则不痛 提交于 2019-12-23 02:34:42
问题 I have to change the color of the navbar of one page when scrolling a bit. Here we have part of my xml file: <ion-header no-border> <ion-navbar color="{{ toolbar_color }}"> <ion-title (click)="change()">{{userdata.Name}}</ion-title> </ion-navbar> </ion-header> <ion-content fullscreen class="container" (ionScrollEnd)="scrollHandler($event)"> I tryed first by changing it using a click event and it worked fine. change() { if ( this.toolbar_color == "danger" ) { this.toolbar_color = "light" }

The keyboard pushes a div up & out of the screen

百般思念 提交于 2019-12-23 02:33:00
问题 I'm using Ionic 3 to make a website which will be part of another native app in a webview so I don't user cordova or any native plugins. I have a form with an embedded Google Map View above the elements and here is my HTML : <div style="height: 40%; width: 100%"> <div id="map_loader" *ngIf="showMapLoader"> <div class="sk-wave"> <div class="sk-rect sk-rect1"></div> <div class="sk-rect sk-rect2"></div> <div class="sk-rect sk-rect3"></div> <div class="sk-rect sk-rect4"></div> <div class="sk-rect

Refused to display a frame because it set 'X-Frame-Options' to 'sameorigin'

纵然是瞬间 提交于 2019-12-23 02:28:31
问题 I am trying to set a iframe in the ionic3 but I am facing with this problem Refused to display a frame of webpages. This is my code. <ion-content> <div #frame style="width:100%; height:100%; overflow:scroll !important;-webkit-overflow-scrolling:touch !important"> <iframe [src]="url" class="iframe" scrolling="yes" ></iframe> </div> </ion-content> onInput() { this.open = true; this.url = this.domSanitizer.bypassSecurityTrustResourceUrl('https://www.youtube.com/embed/results?search_query=' +

Ionic. Return factory from data from JSON file

China☆狼群 提交于 2019-12-23 02:28:07
问题 I'm playing around with Ionic sample projects and am looking for a way to pull in the data from a json file rather than just the standard array that is in the project. I have successfully modified services.js to grab the data from the JSON but my template does not get the data. I assume this is because it executes before the http request for the JSON has completed. What do I need to do to make this work? ........ .factory('People', function($http) { // Might use a resource here that returns a

How to import Chart.js chartjs-plugin-datalabels npm package into an Angular 7 project

匆匆过客 提交于 2019-12-23 02:08:12
问题 I have an Angular 7 (Ionic 4) project, where I trying out Chart.js and need to be able to custom draw some labels on a Pie chart, as I Have asked here. I have been told I need to use a separate package for this, but I cannot get the import working for an Angular project, using the npm package. I have the following version... "chart.js": "^2.8.0", "chartjs-plugin-datalabels": "^0.6.0", .... "@angular/*": "^7.2.2", "typescript": "~3.1.6" I have tried as suggested here, but I get two errors.