标签: ionic2

我的应用程序渲染正常,但为什么change事件功能updateItem(item)不会被触发？

模板:

  <ion-list>
    <ion-item-sliding *ngFor="#item of items">
      <ion-item>
        <ion-label>{{item.title}}</ion-label>
        <ion-toggle [(ngModel)]="item.completed" (change)="updateItem(item)"></ion-toggle>
      </ion-item>
      <ion-item-options>
        <button primary (click)="editItem(item)">
          <ion-icon name="edit"></ion-icon>Edit
        </button>
      <button secondary (click)="deleteItem(item)">
        <ion-icon name="delete"></ion-icon>Delete
      </button>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>

类:

export class Todos {
...
  updateItem(item) {
    alert(1)
    this._todosService.update(item).subscribe(
      response => { this.getItems(); }
    );
  }
... 
}

随着代码:

<ion-navbar *navbar>
</ion-navbar>

后退按钮已启用.但我需要自定义它(图标或标签).可能吗？在docs/api中找不到任何内容.

我想使用Ionic 2开发应用程序,但现在我正在使用带有Ionic1的angularJS1.

我觉得AngularJs 1对我来说很舒服但不是AngularJS 2,所以有没有办法使用Ionic 2和AngularJS 1？

我一直在尝试在离子2页面中实现水平滚动.但内容总是垂直滚动.

我尝试通过设置'overflow-x to scroll'来编写自己的css.但它没有用.我还通过设置'scrollX = true'来尝试离子的离子滚动组件.但整个内容都被隐藏了.即它在页面上根本看不到.下面是我用于离子滚动的示例代码.不确定我到底错过了什么.

对此有何指导？(我是Ionic 2和CSS的新手.很抱歉,如果问题太简单了.)

<ion-navbar *navbar primary>
    <ion-title>
        Title
    </ion-title>
</ion-navbar>

<ion-content>
    <ion-scroll scrollX="true">

        <ion-card>
            <ion-card-content>
                content
            </ion-card-content>
        </ion-card>
        <ion-card>
            <ion-card-content>
                content
            </ion-card-content>
        </ion-card>

    </ion-scroll>
</ion-content>

我正在使用Angular 2和离子2,我试图捕获左右滑动.我可以捕捉滑动,但无法确定如何确定它是向左还是向右滑动.

在我的HTML中,我有:

<ion-content (swipe)="swipeEvent($event)">

swipeEvent每次滑动时都会调用此方法.

我的swipeEventjavascript代码如下所示:

swipeEvent(event){
        alert('swipe');
    }

如何确定它是向左还是向右滑动.

我想使用可扩展组在我的项目中集成手风琴,但对于最近的项目,我需要演绎扩展文本或更准确地溢出内容的手风琴.

你能告诉我它会怎么做ionic 2吗？

我正在尝试使用我的Angular2/ionic2应用程序发送HTTP GET请求http.get.HTTP GET请求包含有效的Linkedin访问令牌,并且应该返回一些profiledata.但是,getProfileData()调用时会发生以下错误:

3     229881   group    EXCEPTION: Response with status: 0  for URL: null
4     229895   error    EXCEPTION: Response with status: 0  for URL: null
5     229909   groupEnd
6     229950   error    Uncaught Response with status: 0  for URL: null, http://192.168.178.49:8100/build/js/app.bundle.js, Line: 95774

仍然:

• 在www.hurl.it上测试时,具有相同URL的GET请求有效
• 从应用程序调用的GET请求使用不同的URL,例如 let URL = "https://httpbin.org/get?name=hannes"

入职-load.ts:

import { Component } from '@angular/core';
import { NavController, Platform, Alert } from 'ionic-angular';
import { OnboardingHelloPage } from '../onboarding-hello/onboarding-hello';
import { CordovaOauth, LinkedIn } from …

我正在尝试使用Ionic文档实现Google Maps API,如此处所示.

我正在使用完全提供的代码示例,但是我收到以下错误:

BUILD FAILED

Total time: 2.748 secs

Error: /path/to/platforms/android/gradlew: Command failed with exit code 1 Error output:
/path/to/platforms/android/src/plugin/google/maps/GoogleMaps.java:479: error: cannot access AbstractSafeParcelable
        options.compassEnabled(controls.getBoolean("compass"));
               ^
  class file for com.google.android.gms.common.internal.safeparcel.AbstractSafeParcelable not found
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
1 error

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details

有没有人见过/解决过这个问题？

我正在使用Ionic v2,在显示页面时无法设置所选值.

<ion-select [(ngModel)]="company.form">
    <ion-option *ngFor="let form of forms" [value]="form" [selected]="true">{{form.name}}</ion-option>
</ion-select>

我也尝试过checked,但这也不起作用.我怎样才能做到这一点？

Cordova CLI: 6.4.0
Ionic Framework Version: 2.0.0-rc.3
Ionic CLI Version: 2.1.13
Ionic App Lib Version: 2.1.7
Ionic App Scripts Version: 0.0.45

如何使代码中的大小button和icon大小更大:

<ion-card>
  <ion-card-header>
    Explore Nearby
  </ion-card-header>

  <ion-list>
    <button ion-item>
      <ion-icon name="cart" item-left></ion-icon>
      Shopping
    </button>

    <button ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Hospital
    </button>

    <button ion-item>
      <ion-icon name="cafe" item-left></ion-icon>
      Cafe
    </button>
  </ion-list>
</ion-card>