标签: ionic3

我在页面中设置了下拉菜单,但是如何获取选择的值.我用的代码

<ion-item>
                    <ion-label>MemberType</ion-label>
                    <ion-select [(ngModel)]="selectedvalue" #item >
                    <ion-option *ngFor="let item of items" value="{{item.value}}" checked="{{item.checked}}">{{item.text}}</ion-option>
                    </ion-select>
                </ion-item>


items: Array<{ value: number, text: string, checked: boolean }> = [];

    this.items.push({ value: 1, text: 'Super Distributor', checked: false });
    this.items.push({ value: 2, text: 'Distributor', checked: false });
    this.items.push({ value: 3, text: 'Retailer', checked: false });
    this.items.push({ value: 4, text: 'End User', checked: false });

我在angularjs 4官方页面（https://angular.io/guide/http）中看到过设置http调用超时的信息，但是我没有找到任何参考。有没有人尝试设置它？

谢谢

嘿，我正在尝试对Ionic应用程序进行远程调试，它最近正在运行，但是现在该设备在Chrome Remote设备上显示，但是当我单击该设备时，该应用程序进程将不会显示。它将显示其他移动chrome选项卡上的进程，而不显示Ionic应用程序。

有什么线索吗？

使用toPromise抛出错误

老方法:

import 'rxjs/add/operator/toPromise';

最新方式:

import { toPromise } from 'rxjs/operators';

最新方式显示以下错误:

[ts]模块'"d:/.../ node_modules/rxjs/operators/index"'没有导出成员'toPromise'.

版本:

 "typescript": "2.4.2"
 "rxjs": "5.5.2",

当我从firebase获取数据时,我正在尝试重定向.如果它为null或空,则无需重定向.

我正在尝试使用this.navCtrl.push(ProspectPage);但不知道为什么它不工作它返回一个错误

TypeError: this is null

这是我的代码,请检查一下,让我知道我在这里做错了什么.

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { ProspectPage } from '../prospect/prospect';
import * as firebase from 'firebase';

@Component({
  selector: 'page-credentials',
  templateUrl: 'credentials.html'
})
export class CredentialsPage {
  constructor(public navCtrl: NavController) {
}

register(params){
// this.navCtrl.push(ProspectPage); // if i wrote here then it works
  ref.orderByChild("ssn").equalTo(1234).on("value", function(snapshot) {
    if(snapshot.val())
    {
      this.navCtrl.push(ProspectPage);
    }
   });
  }
 }

看register()有一条评论.如果我this.navCtrl.push(ProspectPage);在函数的开头添加,那么它的工作原理.但是当我从firbase获取数据时它应该工作.

在这里,是我的HTML代码.

<button id="credentials-button1" ion-button color="stable" block on-click="register()"> Lets …

这是一堂课

export class ChatDetailPage {

constructor(){

}

funcA(){
     var options = {
        onSubmit: function (text) {
        //i want to be able to access funcB from here 
        this.funcB(text)
          },
this.nativeKeyboard.showMessenger(options)
}

funcB(text){
  alert (text);
}

}

在这种情况下,我如何从Anular 2或Ionic 3中的onsubmit回调函数调用funcB.

提前致谢.

如果互联网在我的应用程序的任何位置关闭,我正在寻找一个更好的解决方案,连接失败的弹出对话框.

我有提供商来检查连接.但是我没有得到很好的解决方案来调用每个事件或每个页面更改.

我正试图在键盘弹出和隐藏时执行一些代码.我已将它放在主MyAppComponent中,因为我希望代码在任何应用程序页面上执行,但由于某些原因,没有任何键盘事件正在运行.我究竟做错了什么？

...
import { Keyboard, Platform } from 'ionic-angular';

export class MyAppComponent {

    constructor(public platform: Platform, public keyboard: Keyboard) {
        this.platform.ready().then(() => {

            this.keyboard.didShow.subscribe(() => {
                // This is never executed...
                console.log('Keyboard is now open');
            });
        });
    }
}

我尝试过使用onKeyboardShow离子本机,但是也没有执行它的代码.

...
import { Platform } from 'ionic-angular';
import { Keyboard } from '@ionic-native/keyboard';

export class MyAppComponent {

    constructor(public platform: Platform, public keyboard: Keyboard) {
        this.platform.ready().then(() => {

            this.keyboard.onKeyboardShow().subscribe(() => {
                // This is never executed...
                console.log('Keyboard is now …

我试图在离子3上使用textMask,但它不起作用我收到错误信息(无法绑定到'textMask',因为它不是'ion-input'的已知属性).我正在关注Joshmorony的教程https://www.joshmorony.com/improve-mobile-form-ux-with-input-masks/

单击此处查看错误消息

app.module.ts

 import { TextMaskModule } from 'angular2-text-mask';
 @NgModule({
  imports: [
    FormsModule,
    TextMaskModule 
 ],

contact.html

        <ion-input type="tel" 
           [(ngModel)]="phoneNumber" 
           [textMask]="{mask: masks.phoneNumber}" >
        </ion-input>

contact.ts

  import { TextMaskModule } from 'angular2-text-mask';

  export class ContactPage {
  form: FormGroup;
  masks: any;

  phoneNumber: any = "";

  constructor() {
    this.masks = {
        phoneNumber: ['(', /[1-9]/, /\d/, /\d/, ')', ' ', /\d/, /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
    };
 }
}

我想在我的.html代码中将[（ngModel）]分配给一个为空（空或未定义）的对象，但是它给出_co.object为null的错误。 有2种情况，第一种情况是我的对象具有值，第二种情况是没有值。第一种情况ngModel可以正常工作，但是第二种情况下，它给出了为null的错误。我尝试了elvis（？）运算符，但没有帮助。

问题解决了！谢谢你们

我的.ts页面

个人资料：个人资料= {

      fullName: '',
      email: '',
      address: '', 
  };

我的.html页面

<ion-item>
  <ion-label>Full Name:</ion-label>
  <ion-input [(ngModel)]="profile.fullName"></ion-input>
</ion-item>

错误TypeError：“ _ co.profile为空”