标签: ionic2

如何与右侧对齐,按钮显示在标题的左侧,没有撰写图标.

这是我正在做的事情:

<ion-toolbar>
<ion-title>TODO APP</ion-title>
<button class = "button button-icon">
    <i class="icon ion-compose"></i>
</button>
</ion-toolbar>

我尝试在ionic2的push方法中传递参数.像这样

this.nav.push(SecondPage, {
    thing1: data1,
    thing2: data2
});

但有没有办法在pop()中传递参数.

我正在努力在Ionic2中创建一个使用侧面菜单和标签导航的基本应用程序.我理解导航堆栈的概念,并且每个选项卡都有自己的导航堆栈,但我无法掌握对选项卡本身的控制.

tabs starter模板初始化一个项目,其中一个项目ion-nav的根页面指向"rootPage",这是@App指向TabsPage类的属性.

<ion-nav id="nav" [root]="rootPage" #content></ion-nav>

TabsPage类定义了3个属性,每个页面对应一个属性,指向各自的类(每个类都用它来装饰@Page).但是TabsPage类本身似乎没有任何功能,或者注入了一个标签控制器,我发现很少甚至没有关于如何获取Tabs实例的文档(在http://ionicframework.com/docs上引用了实例方法)/ v2/api/components/tabs/Tabs /)

我设法做的: 使用一个选项卡来控制另一个.

import {Page, Tabs} from 'ionic-angular';

@Page({
    templateUrl: 'build/pages/timeline/timeline.html'
})
export class Timeline {
    tabs:Tabs;
    constructor(tabs:Tabs) {
        this.tabs=tabs;
        this.selectTab(2);
    }
    selectTab(i:number) {
        this.tabs.select(i);
    }
}

上面的页面注入了一个Tabs实例,该实例继承自NavController.Tabs实例具有所需的select方法,我可以指向不同的选项卡(按索引,而不是按名称).因此,在这种情况下,选择我的"时间轴"选项卡将触发构造函数,而不是转到时间线选项卡,我们最终选择第二个选项卡.

我想做什么:导航到侧边菜单中带有链接的选项卡.我的侧边菜单包含两个离子项,带有点击监听器的简单按钮.在Ionic 1.x中,我可以使用ui-sref或href来匹配某个状态,但在Ionic 2中,我无法弄清楚如何控制我的标签.我可以ion-nav通过给它一个id和使用来访问它app.getComponent('nav'),但是我不能以这种方式定位ion-tabs(希望它被绑定到Tabs控制器实例).

运行ionic serve(ionic serve --lab)允许在http:// localhost:8100/ionic-lab上运行应用程序

尝试访问https:// localhost:8100/ionic-lab会导致:

SSL连接错误

有没有办法在https上运行应用程序？

我按照链接中的说明来克服SSL错误,但无法弄清楚如何使用离子(即我不知道如何使用命令启动服务器时使用cert.pem&key.pem文件ionic serve --lab)

我想在Ionic2中的radio-group中的(ionChange)事件中获取所选的单选按钮值.

我的Html代码是

<ion-list radio-group *ngFor="let question of mcqData; let i= index;" (ionChange)="mcqAnswer(i)">
  <ion-list-header>
    {{question.questionText}}
  </ion-list-header>

  <ion-item>
    <ion-label>{{question.optionA}}</ion-label>
    <ion-radio  value="1"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>{{question.optionB}}</ion-label>
    <ion-radio  value="2"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>{{question.optionC}}</ion-label>
    <ion-radio  value="3"></ion-radio>
  </ion-item>

  <ion-item>
    <ion-label>{{question.optionD}}</ion-label>
    <ion-radio  value="4"></ion-radio>
  </ion-item>
</ion-list>

如何在mcqQuesiton()上获得离子无线电值(离子变化).

我在一个页面上有数字或无线电组,因为它是一个多选题页面.

我想在Moment.js包中使用我的项目离子2中的日期,我不知道该怎么做,这是链接 时刻js链接

我有datetime变量,我希望它来自我的区域.我应该这样做吗？因为它是在javascript和ionic 2中使用的打字稿

我试图这样做,但它不起作用

     constructor(public navCtrl: NavController,private platform:Platform) {

   mydate=new Date();
   mydate=moment.moment().format('MMMM Do YYYY, h:mm:ss a');

  }

当我尝试使用它

let data = moment().format('YYYYMMDD');
let time = moment().format('HHmmss');
console.log('today is: ', data + ' and time: ', time);

我得到这个错误

我正试图在Google Play上发布我的ionic2应用程序.但是,我不能这样做.它没有显示任何错误.你能告诉我怎么做吗？

当我按下"准备发布"按钮时,它会显示在屏幕下方.

我试过了

npm install ionic-native --save

npm install @ionic-native/core --save both command still give Runtime error

找不到模块"离子原生"!!! 请任何解决方案!

错误:

我的离子信息

的package.json

{
  "name": "ionic-hello-world",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "2.4.8",
    "@angular/compiler": "2.4.8",
    "@angular/compiler-cli": "2.4.8",
    "@angular/core": "2.4.8",
    "@angular/forms": "2.4.8",
    "@angular/http": "2.4.8",
    "@angular/platform-browser": "2.4.8",
    "@angular/platform-browser-dynamic": "2.4.8",
    "@angular/platform-server": "2.4.8",
    "@ionic-native/core": "^3.5.0",
    "@ionic-native/device": "^3.5.0",
    "@ionic-native/diagnostic": "^3.5.0",
    "@ionic-native/geolocation": "^3.4.4",
    "@ionic-native/location-accuracy": "^3.5.0",
    "@ionic-native/native-storage": "^3.5.0",
    "@ionic-native/network": "^3.5.0",
    "@ionic-native/splash-screen": …

我们尝试使用google身份验证登录(Firebase/ionic2/angularjs2).我们的代码

 import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Observable } from 'rxjs/Observable';
import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
   user: Observable<firebase.User>;
  constructor(public navCtrl: NavController,public afAuth: AngularFireAuth) {
    this.user = afAuth.authState;
  }
  login() {
    this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
  }

  logout() {
    this.afAuth.auth.signOut();
  }
}

但我们收到错误:

Error: Uncaught (in promise): Error: No provider for AngularFireAuth!
Error: No provider for AngularFireAuth!

请指导我们在代码中使用的内容.

嗨即时通讯面临一个奇怪的问题在这里即时通讯获取动态数据即时通讯也获取日期和时间和我在html中使用日期管道在chrome/android中显示它它工作正常,但当我检查ios/Safari它显示时差

下面是我消耗的json数据

FromCurrentDate: "2018-01-05T00:00:00"

FromPreviousDate: "2018-01-04T00:00:00"


ToCurrentDate: "2018-01-05T14:00:53.137"

ToPreviousDate: "2018-01-04T14:00:53.137"

即时显示这样的日期,在chrome/android中它显示如下

在Ios/safari中,它使用下面的代码在模板中显示如下

Currrent {{singleTable[0].FromCurrentDate|date: 'dd/MM/yyyy,h:mm:ss a'}} to {{singleTable[0].ToCurrentDate|date: 'dd/MM/yyyy,h:mm:ss a'}}

我怎样才能解决这个时差问题？