<img src="assets/image.png">
No dont work
↧
Ionic image dont see
↧
Issue with InAppBrowserEvent in ionic
browser.on() in your case.
↧
↧
Making a Website Using Ionic & Firebase Hosting
Yeah as @ihadeed said, I used a component called global footer.
Here's the code (Remember to change it):
global-footer.html:
<!-- Generated template for the GlobalFooter component -->
<div style="padding: 80px"></div>
<div padding class="outer-content speaker-list darkback">
<div class="speaker-card">
<ion-grid>
<ion-row>
<ion-col>
<ion-list>
<h4>
More
</h4>
<h6 (click)="openPage('NewAssignment')"> New Assignment </h6>
<h6 (click)="openPage('AssignmentEnter')"> Existing Assignment </h6>
<h6 (click)="open('https://play.google.com/store/apps/details?id=com.anniecorpinc.projectjaguar')"> Download on Device </h6>
<h6 (click)="openPage('Services')"> Services </h6>
<h6 (click)="open('https://pjaguar.com/#/faq')"> Jobs </h6>
</ion-list>
</ion-col>
<ion-col>
<ion-list>
<h4>
Social
</h4>
<h6 (click)="openPage('PublicCommunity')"> Join Public Community </h6>
<h6 (click)="openPage('TeacherCommunity')"> Join Teachers Community </h6>
<h6 (click)="open('https://www.facebook.com/ProjectJaguarINC/')"> Facebook </h6>
<h6 (click)="open('https://www.instagram.com/pjaguarinc/')"> Instagram </h6>
<h6 (click)="open('mailto:info@pjaguar.com')"> Email </h6>
</ion-list>
</ion-col>
<ion-col>
<ion-list>
<h4>
Documentation
</h4>
<h6 (click)="open('https://drive.google.com/open?id=0B31gI4ogLmC8Si0wYTlYbWx0Vnc')"> Company Policy </h6>
<h6 (click)="open('https://drive.google.com/open?id=0B31gI4ogLmC8RnBtYnRNVzFFZjg')"> Privacy Policy </h6>
<h6 (click)="open('https://pjaguar.com/#/subjectresource')"> Supported Subjects & Resources </h6>
<h6 (click)="openPage('About')"> About </h6>
<h6 (click)="openPage('Faq')"> FAQ </h6>
<h6 (click)="openPage('Members')"> PJaguar Team Members </h6>
</ion-list>
</ion-col>
</ion-row>
</ion-grid>
<p text-center padding>
Copyright © 2017 Project Jaguar Inc. || All Rights Reserved
</p>
</div>
</div>global-footer.ts
import { Component } from '@angular/core';
import {
NavController, Events, NavParams, ModalController, ViewController, Content,
ActionSheetController, AlertController, ToastController,MenuController
} from 'ionic-angular';
/**
* Generated class for the GlobalFooter component.
*
* See https://angular.io/docs/ts/latest/api/core/index/ComponentMetadata-class.html
* for more info on Angular Components.
*/
@Component({
selector: 'global-footer',
templateUrl: 'global-footer.html'
})
export class GlobalFooter {
text: string;
constructor(
public nav: NavController
) {
console.log('Hello GlobalFooter Component');
this.text = 'Hello World';
}
open(link){
window.open(link,"_self");
}
openPage(page:string){
this.nav.setRoot(page);
}
goTutoring(){
}
}And to Import it into a page, I import it into the page module (IonicPage decorator needed)
import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { Page } from './page';
import { GlobalFooterModule } from '../../components/global-header/global-header.module';
@NgModule({
declarations: [
Page,
],
imports: [
GlobalFooterModule,
IonicPageModule.forChild(Page),
],
exports: [
Page
]
})
export class PageModule {}and finally, showing it in the Page.html
<ion-content>
<global-footer> </global-footer>
</ion-content>
↧
Modal controller return object data and object data show in html
↧
Ionic/Angular and Firebase Phone Authentication
I've contacted Firebase Technical Staff. They told me to use the workaround suggested by Firebase Engineer bojeil in the following stackoverflow thread
One of commenters on his workaround, has implemented that workaround, and it worked for him.
Once it works for you please tell me.
Regards
Mahmoud
↧
↧
Increment variable faster while pressing button
I have a ion-button using the (click)="increment();", where increment() is a function that simples does the this.variable++; Therefore, when someone clicks the button, it increments the value by 1.
My goal is to when someone holds the button, its increase faster than clicking to increments 1 by 1.
Do you think its possible? Any ideas?
↧
Ionic image dont see
Can you paste your code? and where youre using it
↧
Ionic Creator user auth with Ionic Cloud - Nothing happens
Did this issue ever get resolved? Have the exact same issue.
↧
Side menu in separate file navigation
Thanks for the suggestion. Yes, I end up doing that.
My intention was to keep app template as clean as possible and isolate all functional to each page.ts. but it was proving to be more of a headache than I imagine 
↧
↧
Ionic image dont see
.html
<ion-col col-4>
<img id="cls1" src={{src1}}>
</ion-col>.ts
src1:string="assets/resim1.png";
↧
No provider for Http! error in ionic 2
thank you very much! saved my life 
↧
Modal controller return object data and object data show in html
Thanks for your reply. I have solved this problem using ionViewDidEnter.
↧
Remove top bar in windows
Thanks for the response but I am not trying to remove the navbar I am trying to put the app in full-screen mode and remove the minimize, close buttons.
↧
↧
webpackJsonp not found when running ionic-starter-aws
The starter for integration an Ionic app with AWS Mobile Hub sounds very promising! Unfortunately I cannot get it up and running:
Runtime Error: webpackJsonP is not defined
Stack: @http://localhost:8100/build/main.js:1:1
...when running ionic serve. I am trying to resolve this issue for days. No success. Any ideas? Thanks in advance!
My environment:
Ionic Framework: 3.5.0
Ionic App Scripts: 2.0.0
Angular Core: 4.1.3
Angular Compiler CLI: 4.1.3
Node: 6.11.0
OS: Windows 10
↧
webpackJsonp not found when running ionic-starter-aws
Did you update index.html to refer to vendor.js?
Edit: actually, just post your index.html. If you put the ref in the wrong place, it can cause the problem too.
↧
Device livereload get timed_out
The ip is correct, but i can't access from the phone. The app-scripts has been updated.
↧
webpackJsonp not found when running ionic-starter-aws
Hi Aaron, thanks for the quick reply:-) I already read about this. If I understood it correctly I should take care the the 3rd party/vendor *.js files are loaded before the main.js. This is true.
Here is the index.html:
↧
↧
webpackJsonp not found when running ionic-starter-aws
Is there a newer version? Your file should look something like
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>
<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>
<!-- all code from node_modules directory is here -->
<script src="build/vendor.js"></script> // <-- I didn't see this in your link
<!-- The bundle js is generated during the build process -->
<script src="build/main.js"></script>↧
webpackJsonp not found when running ionic-starter-aws
No, this is exactly what I get when running ionic start project-name and then selecting the aws starter
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>
<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>
<!-- The bundle js is generated during the build process -->
<script src="build/main.js"></script>There is also no build/vendor.js generated.
↧
Ionic printer issue
Hi can any one help me please. I have issue related to ionic printer plugin.
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { Printer, PrintOptions } from '@ionic-native/printer';
@Component({
selector: 'page-printer-view',
templateUrl: 'printer-view.html'
})
export class PrinterViewPage {
constructor(public navCtrl: NavController, public navParams:
NavParams,
private printer: Printer) {
}
ionViewDidLoad() {
console.log('ionViewDidLoad PrinterViewPage');
}
print(){
this.printer.isAvailable().then(this.onSuccessLoad, this.onErrorLoad);
}
onSuccessLoad(){
let options: PrintOptions = {
name: 'MyDocument',
printerId: 'My Printer XYZ',
duplex: true,
landscape: true,
grayscale: true
};
this.printer.print("http://google.com",options).then(this.onSuccessPrint,
this.onErrorPrint);}
onErrorLoad(){
alert('Error : printing is unavailable on your device ');
}
onSuccessPrint(){
alert("printing done successfully !");
}
onErrorPrint(){
alert("Error while printing !");
}
when i click on print.
it always alert Error : printing is unavailable on your device .
please help me to make it available.
thanks.
↧