标签: ionic2

我是 Ionic 2 的新手，正在实现一个小型应用程序，每当我重新访问页面时我都想调用 REST API 函数。下面是我实现的一小段代码。

import { Component } from '@angular/core';
import { NavController, NavParams, ViewController } from 'ionic-angular';
import { ItemService } from '../../providers/item-service';
import { ItemDetailsCartPage } from '../item-details-cart/item-details-cart'

@Component({
  selector: 'page-cart',
  templateUrl: 'cart.html',
  providers: [ItemService]
})
export class CartPage {

  email;
  sessionId;
  public cartData: any;
  public message: any = [];

  constructor(public navCtrl: NavController, 
      public navParams: NavParams, 
      public itemSrvc: ItemService,
      public viewCtrl: ViewController) {}

  ionViewDidLoad() {
    this.email = this.navParams.get('email');
    this.sessionId = this.navParams.get('sessionId');;
    this.loadCart();
  }


  loadCart() { …

我有一个使用“FormBuilder”构建的表单，它包含一个日期控件。如何使用设置（更新）该控件的数据patchValue()？

控件已displayFormat="DD.MM.YYYY"在模板中设置。

所有其他控件（ 和 ）上的数据均已设置，但日期控件仍为空。

页面/组件/.ts 文件

userDataForm: FormGroup;
user: UserModel;

constructor(
    private formBuilder: FormBuilder
) {
    this.userDataForm = this.buildForm();
}

buildForm(){
    return this.formBuilder.group({
        firstName: ['', Validators.compose([
          Validators.required
        ])],
        dateOfBirth: ['', Validators.compose([
          Validators.required
        ])]
    });
}

ionViewWillEnter() {
    // load data...
    refreshForm();
}

refreshForm(){
    this.userDataForm.patchValue({
        firstName: this.user.firstName,
        dateOfBirth: new Date("2016-04-19T18:03:40.887"), // does not work
    });
}

模板：

<ion-content padding>
    <ion-list>
        <form [formGroup]="userDataForm">

            <ion-item>
                <ion-label floating>Name: *</ion-label>
                <ion-input formControlName="firstName" type="text"></ion-input>
            </ion-item>

            <ion-item>
                <ion-label floating>Date: *</ion-label>
                <ion-datetime formControlName="dateOfBirth" …

我正在用 Ionic 3 和 angular 2/4 构建一个小应用程序

我在从 URL 加载图像列表时遇到问题（每张图像 5MB）

显示我的图像需要很多时间。

如何更快地加载图像？

有没有办法先以低质量显示图像？（如 Facebook 和 Whatsapp）

任何链接、任何教程、任何博客......

//js
private photo = "http://my-url.com";
private photo2 = "http://my-url-2.com";

//html
<div> <img [src]="photo"> </div>
<div> <img [src]="photo2"> </div>

谢谢 ！

我正在开发在 ubantu 中Hybrid使用的应用程序ionic-2。我想在我的应用程序中添加 Facebook 登录但安装 Facebook 插件应用程序构建失败如果我删除 Facebook 插件应用程序将成功构建请帮助我。谢谢你。

我安装的插件

ionic cordova plugin add cordova-plugin-facebook4 --variable APP_ID="123456789" --variable APP_NAME="myApplication"

错误信息

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processDebugResources'.
> Failed to execute aapt

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

* Get more help at https://help.gradle.org

BUILD FAILED in 17s
 FAILED
25 actionable tasks: …

当我尝试注册新的 Bundle ID 时出现此错误：

"标识符为 'com.app.myappname' 的应用 ID 不可用。请输入其他字符串。 "

我正在使用 Ionic/Cordova，所以我没有使用太多 Xcode。

我已经看到其他具有相同问题的 stackoverflow 页面，但它们都与 Xcode 7.3 有关。

我目前使用 Xcode 9.2。我不知道是否有更新的解决方案 - 因为大多数资源已经过时了 2 年

我有一个名为Matchesand的页面feeds。在matches页面中，我有 3 个标签，如下所示

<ion-tab [root]="tab1Root" tabTitle="Applied" id="active" #active></ion-tab>
        <ion-tab [root]="tab2Root" tabTitle="Failed"></ion-tab>
        <ion-tab [root]="tab3Root" tabTitle="Saved"></ion-tab>

所以当我从 导航feed page到matches page我想导航到tab1Root选项卡。当我从其他页面导航或单击matches page然后我希望它tab1Root自动导航到并刷新页面。我该怎么做？当我从 导航feeds page到 时，matches page我没有得到我的tab1Root IonViewDidEnter(). 我该如何解决这个问题？

我正在尝试谷歌的各种解决方案,但所有这些解决方案似乎都适用于Ionic 1和其他版本的Ionic和Angular.

HTML

<button class="edit" (click)="goBackToEnhancementPage();">Edit</button>

在按钮上单击我想转到历史记录中的上一个状态

打字稿

这是目前的状态

 export class BookingConfirmationPage {

      //Some properties

      constructor(public navCtrl: NavController, public navParams: NavParams ) {
        //Some codes
      }

      goBackToEnhancementPage(){
        canGoBack();
      }

    }

以前的国家

export class BookingEnhancementPage {

  //Some code 

  constructor(public navCtrl: NavController, public navParams: NavParams, public loadingCtrl: LoadingController, private formBuilder: FormBuilder ) {
    //This is previous state
  }

}

这不起作用.请告诉我我做错了什么？

我无法在Ionic 2中定义一个简单的函数.这是我的代码:

import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';  

@Component({
    selector: 'page-account',
    templateUrl: 'account.html'
})
export class AccountPage {

    function show() //?THIS FUNCTION
    {
        alert("show");
    }

    constructor(public navCtrl: NavController, public navParams: NavParams) {}

}

那么这是Web浏览器中的错误:

我正在使用离子2.2.0.

谢谢你的帮助.

我看到括号用于数据绑定，但是有什么区别？

以下片段是我经常使用的片段。但是，大多数情况下都将其视为文档，却不了解原因。

• [class]="myclass"
• (ngModelChange)="mymodel"
• [(ngModel)]="mymodel2"
• <ion-input placeholder="{{'INPUT_TEXT' | translate}}"/>
• <button>{{'BUTTON_TEXT'|translate}}</button>

我做了一些研究,但不能真正指出,并不能真正得出结论哪个使用,为什么？希望得到一些有用的链接和差异,可以帮助我得出结论.