How to use the ionic-angular.Page function in ionic-angular

To help you get started, we’ve selected a few ionic-angular examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github dmackerman / ionic2-pokedex / www / app / components / detail / detail.ts View on Github external
import {Page, NavParams, NavController, ViewController} from 'ionic-angular';
import {PokemonService} from '../../services/pokemon-service';
import {Capitalize} from '../../pipes/capitalize'
import Pokemon from '../../models/Pokemon';
import MoveDetail from '../move/move';
import Loader from '../loader/loader';

@Page({
    templateUrl: 'app/components/detail/detail.html',
    providers: [PokemonService],
    directives: [Loader],
    pipes: [Capitalize]
})

export class PokemonDetail {

    // the pokemon we're displaying
    private pokemon: Pokemon;

    constructor(
        public pokemonService: PokemonService,
        public params: NavParams,
        public nav: NavController,
        public viewCtrl: ViewController
github haoshiyou / haoshiyou-client / lab / haoshiyou / app / pages / tabs / tabs.ts View on Github external
import {OnInit, OnDestroy, Inject} from "@angular/core";
import {Page, NavController, Modal, Platform} from "ionic-angular";
import {ChatsTabPage} from "../chats-tab/chats-tab.page";
import {ListingsTabPage} from "../listings-tab/listings-tab.page.ts";
import {SettingsTabPage} from "../settings-tab/settings-tab.page";
import {Network} from "ionic-native";
import {Logger} from "log4javascript";
import {DisconnectModal} from "./disconnect.modal";
import {Subscription} from "rxjs";
import {loggerToken} from "../../services/log.service";

@Page({
  templateUrl: 'build/pages/tabs/tabs.html',

})
export class TabsPage implements OnInit, OnDestroy {
  private onDisconnect:Subscription;
  private onConnect:Subscription;
  private disconnectModal:Modal;
  // this tells the tabs component which Pages
  // should be each tab's root Page
  tab1Root:any = ChatsTabPage;
  tab2Root:any = ListingsTabPage;
  tab3Root:any = SettingsTabPage;

  unreadMessagesCount:number;

  constructor(private nav:NavController,
github weolopez / BraveHackersSpring2016 / app / pages / phmeter / phmeter.js View on Github external
import {Page, NavController} from 'ionic-angular';
import {Story} from '../../models/story/story';


@Page({
    templateUrl: 'build/pages/phmeter/phmeter.html',
    providers: [ Story ]
})
export class PHMeter {
  static get parameters() {
    return [[NavController],[Story]];
  }
    constructor(nav, story) {
        this.nav = nav;        
        this.story=story;
        this.app=story.getApp('phmeter');
        this.currentScene=0;
        /*
        0	10 000 000	battery acid
1	1 000 000	gastric acid
2	100 000	lemon juice, vinegar
github srehanuddin / Teaching-Ionic-MeanStack-SSUET-2015-May-ModuleB / Projects / ClassifiedApp / app / pages / home / home.ts View on Github external
import {Page, NavController} from 'ionic-angular';

//PAGES
import {AdAddPage}  from './../ad_add/ad_add';
import {SearchPage}  from './../search/search';
import {AdsPage}  from './../ads/ads';

//Services 
import {AdService, CategoriesService} from './../../services/app.services';

@Page({
  templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
    
  //Pages
  _AdAddPage = AdAddPage;
  _SearchPage = SearchPage;
  
  category = false;
  categories: string[];
  
  constructor(
      public nav : NavController, 
      public _AdService : AdService,
      public _CategoriesService : CategoriesService
      ) {
github rossmartin / video-editor-ionic2 / app / pages / edit-video / edit-video.js View on Github external
import {Page, NavController, NavParams} from 'ionic-angular';
import {NgZone} from 'angular2/core';
import {VideoResultPage} from '../video-result/video-result';


@Page({
  templateUrl: 'build/pages/edit-video/edit-video.html'
})
export class EditVideoPage {
  static get parameters() {
    return [[NavController], [NavParams]];
  }

  constructor(nav, navParams) {
    this.zone = new NgZone({ enableLongStackTrace: false });
    this.nav = nav;
    this.videoPath = navParams.get('videoPath');
    this.thumbnailPath = navParams.get('thumbnailPath');
  }

  onPageWillEnter() {
    this.editAction = this.lastEditAction || 'trim';
github lhzbxx / Follow3 / mobile / app / pages / auth / login&register.js View on Github external
import {Page, Modal, NavController, ViewController, NavParams, Alert} from 'ionic-angular';
import {DataService} from '../../providers/data-service';


@Page({
    templateUrl: 'build/pages/auth/login&register.html'
})
export class LoginAndRegister {
    static get parameters() {
        return [[NavController], [DataService]];
    }

    constructor(nav, data) {
        this.auth = 'login';
        this.nav = nav;
        this.data = data;
    }

    register() {
        let context = this;
        this.data.register(this.register_mail, this.register_nickname, this.register_passwd, this.nav)
github lhzbxx / Follow3 / mobile / app / pages / Home / search.js View on Github external
import {Page, ActionSheet, NavController, Platform, Toast} from 'ionic-angular';
import {Http} from 'angular2/http';
import {Add} from './add';
import {ActionService} from '../../providers/action-service';
import {DataService} from '../../providers/data-service';
import 'rxjs/Rx';


@Page({
    templateUrl: 'build/pages/home/search.html'
})
export class Search {
    
    static get parameters() {
        return [Http, NavController, Platform, ActionService, DataService];
    }
    
    constructor(http, navController, platform, action, data){
        this.http = http;
        this.addStar = Add;
        this.nav = navController;
        this.platform = platform;
        this.action = action;
        this.data = data;
        this.searchFailed = false;
github dtaalbers / ionic-example-app / file-transfer-upload / app / pages / home / home.ts View on Github external
import {Page, NavController} from 'ionic-angular';
import {Plugins} from '../../services/plugins.service';
import {UploadingPage} from '../uploading/uploading';

@Page({
  templateUrl: 'build/pages/home/home.html',
})
export class Home {
    images: Array = [];

    constructor(private plugins: Plugins,
                private nav: NavController) { }

    openAlbums = () : void => {
        this.plugins.albums.open().then((imgUrls) => {            
            imgUrls.forEach((imageUrl: string) : void => {
                if(imageUrl){                  
                  this.images.push(imageUrl);
                }
            }); 
        });
github lhzbxx / Follow3 / mobile / app / pages / home / add.js View on Github external
import {Page, NavController, Platform, Toast} from 'ionic-angular';
import {DataService} from '../../providers/data-service';
import {ActionService} from '../../providers/action-service';


@Page({
    templateUrl: 'build/pages/home/add.html'
})
export class Add {

    static get parameters() {
        return [DataService, ActionService, NavController, Platform];
    }

    constructor(data, action, nav, platform){
        this.data = data;
        this.action = action;
        this.nav = nav;
        this.platform = platform;
        this.loading = true;
        this.result = null;
        this.addFailed = false;