标签: ionic2

目前,当用户提交表格时,它会显示并感谢您叠加 - 2.5秒后,我希望叠加层消失.

我目前的代码看起来像这样.

import { Component } from '@angular/core';

import { NavController, ViewController } from 'ionic-angular';
import { Storage } from '@ionic/storage';

@Component({
    selector: 'finish-page',
    templateUrl: 'finish.html'
})

export class FinishPage {

    constructor(
        public navCtrl: NavController,
        public viewCtrl: ViewController
    )
    {}

    ionViewWillEnter()
    {
        setTimeout(() => {
            this.navCtrl.popToRoot();
        }, 2500);
    }
}

但页面永远保持不变,永远不会弹回到根页面

编辑:我认为我有超时工作,但现在我收到此错误:

无法读取未定义的属性'popToRoot'

我想从typescript中的对象中分离键和值,因为我使用了以下代码,该代码仅返回值但不显示键.

Object.keys(data).forEach(key=> {
    console.log('keys', data[key]);     
});

但是当我在javascript中使用下面的函数时,它正确地给了我关键和值,任何人都可以告诉我如何在typescript中做同样的事情来获取对象的键和值.

angular.forEach(data, function (value, column) {
    columns.push(column);
    values.push(value);
  });

我正在构建一个移动应用程序,并希望访问IMEI号码.

我已经浏览了以下插件.

1. https://github.com/vliesaputra/DeviceInformationPlugin
2. https://github.com/hygieiasoft/cordova-plugin-uid
3. https://github.com/aquto/cordova-plugin-imei

而他们所有人都给我404错误.

最后我得到了一个可以安装的插件

1. https://www.npmjs.com/package/imeiplugin

以下是我为访问IMEI而编写的代码

下面的代码写在我的home构造函数中.

platform.ready().then(() => {
            window["plugins"].imeiplugin.getImei(function (imei) {
                console.log(imei);
            });
        });

但控件永远不会进入console.log();

我在这做错什么？

或者,如果有人将IMEI号码与其他方法相结合,请告诉我.

或者按照以下链接中的建议,我是否必须构建自己的自定义插件？

1. 如何在PhoneGap中获取IMEI号码？

我被困在这里,我正在寻找一种有效的方式,任何帮助表示赞赏.

提前致谢

最初我的app.component.ts文件被加载然后我有两个变量,name并email从API获取调用更新,为了进行此api调用我需要用户名如果​​我没有用户名我将无法更新此名称和电子邮件.

一旦我获得了用户名,我就可以拨打api电话,但我的用户名只有在登录成功后才可用.

我的app.html有这个,下面的代码是我的sidemenu的一部分

<ion-item class="profile-info">
  <ion-icon name="person" item-left></ion-icon>
  <h2>{{name}}</h2>
  <p class="se-email">{{email}}</p>
</ion-item>

我的app.component.ts文件有这个

name 
 email

 if(localStorage.getItem("username")){
   //here it is invoking 2nd time because i have stored the username after login so no problem
    this.getUserDetails();//this function call the same api 
  }else{
    //at first thime i am not able update the name and email because i dont have username 
    //so i am trying to update the name with set and get method where it will return my data …

我正在寻找一种方法,使用Ionic2将我的按钮拉到页面的右侧.我有一个带有编辑和保存按钮的表单组件,我想向右拉:

<div>
  <button ion-button (click)="toggleEdit()">
    <ion-icon name="create"></ion-icon>
  </button>
</div>
<ion-list>
  <ion-card-content>
    <ng-content>
    </ng-content>
  </ion-card-content>
  <div class="row center">
    <div class="col text-right">
      <button ion-button color="secondary" icon-end (click)="save()">
        <ion-icon name="save"></ion-icon>Save
      </button>
      <!--<a style="min-width: 50%;border-radius: 0px;" class="button button-dark icon-left ion-close">Cancel</a>
      <a style="min-width: 50%;border-radius: 0px;" class="button button-balanced icon-left ion-checkmark">Save</a>-->
    </div>
  </div>
</ion-list>

生成一个如下所示的表单:

正如你所看到的那样,保存按钮没有向右拉,我尝试使用文本右键,但也许只适用于离子1？还尝试使用icon-end指令将其拉到右边,但这似乎不起作用我想它只有在有另一个按钮时才有效.

任何人都可以通过正确的离子方式将保存按钮对齐到右边吗？

我正在尝试使用自定义字体Quicksand创建一个应用程序(离子2).

我的文件夹结构如下所示:

src
|
|-app
|   |
|   -app
|   |   |
|   |   -app.scss
|   |
|   -pages
|   |
|   -assets
|   |     |
|   |     -img
|   |     |
|   |     -fonts
|   |     |    |
|   |     |    -Quicksand-Bold.ttf

在我的app.scss我有以下代码,使我的所有页面中的字体可用:

@font-face {
    font-family: 'Quicksand-Bold';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand-Bold'), local('Quicksand-Bold'), url("../assets/fonts/Quicksand-Bold.ttf") format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Quicksand-Bold';
    font-style: normal;
    font-weight: 300;
    src: local('Quicksand-Bold'), …

我正在编写一个带有.gif背景的离子应用程序和一些放在ion-img中的图像:

    <ion-img src="/assets/img/logo.png" width="100%" height="147px" style="background-color: rgba(0,0,0,0)" class="home-page-img"></ion-img>

当我在网络浏览器中测试应用程序时,它工作正常,但是当我测试到Android手机时,图像不会显示.有什么建议？谢谢

我正在使用离子3.

这是我的代码

<ion-range  dualKnobs="true"  min="$10" max="$100" color="secondary" >
              <ion-label range-left>$10</ion-label>
              <ion-label range-right>$100</ion-label>
 </ion-range>

但范围滑块不起作用.

请告诉我,

谢谢

我在Ionic 3应用程序中使用了离子本机linkedin插件.

我的代码:

var scopes = ['r_basicprofile', 'r_emailaddress', 'rw_company_admin', 'w_share'];
this.linkedin.login(scopes, true).then((res) => {
    console.log(res) ;
}, (err) => {
    console.log(err) ;
});

我有错误:

'string []'类型的参数不能分配给'LinkedInLoginScopes []'类型的参数.类型'string'不能分配给'LinkedInLoginScopes'类型.

请帮帮我.

我需要将两个复选框彼此串联放置，并在每个复选框的左侧放置其所属的标签。为了更好的理解，这是图片：（图片上有一个应用程序中不存在的电子邮件复选框，因此只需忽略它，应该只有两个复选框）

到目前为止，我尝试的所有操作都没有给我想要的输出，所以这是我现在在应用程序中拥有的代码。这是我的表单元素：

  <ion-item>
    <ion-label text-uppercase>Phone Calls</ion-label>
    <ion-checkbox name="receive_calls"
      [ngModel]="(contact$ | async).receive_calls">
    </ion-checkbox>
  </ion-item>
  <ion-item>
    <ion-label text-uppercase>Text Messages</ion-label>
    <ion-checkbox name="receive_messages"
      [ngModel]="(contact$ | async).receive_messages">
    </ion-checkbox>
  </ion-item>

我不会提供样式代码，因为它目前无法使用。