标签: ionic2

如何设置我的Ionic 2应用程序以允许我在应用程序内选择和复制文本？我试过"user-select:text;" CSS但应用程序不允许我复制文本.

嗨,有人可以提供帮助.我是Ionic和Angular的新手.我正在尝试在Ionic 2中创建一个天气应用程序.我创建了一个主页,其中一个Click事件调用AddWeather()函数.该函数打开一个附有表单的模态.我试图将数据从模式上的表单传递回主页上的屏幕输出.我尝试过ngModel但似乎无法使其正常工作.

这是我的代码:(home.ts)

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

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

  public weatherList = [];
  constructor(public navCtrl: NavController, public modalCtrl: ModalController) {

}

addWeather() {
    let addWeatherModal = this.modalCtrl.create(AddPage);


    addWeatherModal.present();
  }
}

(add.html)

<ion-header>
  <ion-navbar color="weatherbru">
    <ion-title>Modal</ion-title>
    <ion-buttons end>
        <button ion-button icon-only (click)="CloseModal()"><ion-icon name="close"></ion-icon></button>
    </ion-buttons>
  </ion-navbar>
</ion-header>

<ion-content padding>
    <form>
        <ion-item>
            <ion-label stacked>City</ion-label>
            <ion-input type="text" ></ion-input>
        </ion-item>
        <ion-item> …

我使用ionic2 rc.5

这是我的提供者:

import {Http, Headers, RequestOptions} from '@angular/http';
import { Injectable, Component } from '@angular/core';
import { NavController, AlertController, LoadingController, Loading } from 'ionic-angular';
import {Observable} from 'rxjs/Observable';
import {Geolocation} from 'ionic-native';
import 'rxjs/add/operator/map';

@Injectable()
export class Setup {

    loading: Loading;

    constructor(public http: Http, public headers: Headers, private alertCtrl: AlertController, private loadingCtrl: LoadingController) {}



    public generalSetupCheck () {
        if ( localStorage.getItem('guards') == null ) {
            console.log("CREATE GUARDS localStorage")
            localStorage.setItem('guards', JSON.stringify([]))
        }
        if ( localStorage.getItem('sms_list') == null ) {
            console.log("CREATE …

<ion-header> <ion-navbar hideBackButton> <ion-title> Test </ion-title> <button menuToggle> <ion-icon name="menu"></ion-icon> </button> </ion-navbar> </ion-header> 我可以拖动和关闭菜单,但菜单按钮没有添加到导航栏.

我如何使用swipe up或swipe down使用Ionic 2？

我已经尝试过Gestures API但它只在水平滑动时触发.

<ion-card (swipe)="swipePage($event)">
</ion-card>

我有点击它的项目列表我需要做一些动作.我也有这些动作的滑动菜单.当我滑动它并单击它时也会触发点击`ion-item-sliding.滑动打开时是否有可能以某种方式阻止点击？

<ion-item-sliding *ngFor="let event of events" (click)="showModalInfo(event)">
    <ion-item>
        <h2>{{ event['Event type'] }}</h2>
    </ion-item>
    <ion-item-options side="right">
        <button ion-button color="light" icon-left (click)="showDescription(event)">
            <ion-icon name="ios-more"></ion-icon>
            More
        </button>
    </ion-item-options>
</ion-item-sliding>

<ion-input placeholder="please input" clearInput></ion-input>

我想更改占位符的颜色,不应该影响其他页面.

我遵循了一个很好的示例，在该示例中，您可以在同一应用程序中创建两个侧菜单（右侧和左侧）。上面链接中的示例基于Ionic版本1，但是我正在Ionic v2中寻找相同的版本。

预期

当我们单击左菜单按钮时，它应该打开左菜单（如果已经打开，它应该关闭右菜单）

当我们单击右键时，这将打开右侧菜单（如果已打开，则应关闭左侧菜单）

app.html

<ion-menu [content]="content">
    <ion-header>
        <ion-toolbar>
            <ion-title>LEFT MENU</ion-title>
        </ion-toolbar>
    </ion-header>

    <ion-content>                             
        <ion-list>
            <ion-item menuClose>
                <ion-icon name=""></ion-icon>
                ABC
                <ion-icon name="contact" item-right></ion-icon>
            </ion-item>
            <ion-item menuClose>
                <ion-icon name=""></ion-icon>
                XYZ
                <ion-icon name="person" item-right></ion-icon>
            </ion-item>

            <ion-list-header>User</ion-list-header>
            <ion-item menuClose>
                <ion-icon name=""></ion-icon>
                Forget Password
                <ion-icon name="key" item-right></ion-icon></ion-item>
            <ion-item menuClose>
                <ion-icon name=""></ion-icon>
                Logout
                <ion-icon name="lock" item-right></ion-icon>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-menu>

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

app.component.js

import { Component } from '@angular/core';
import { Nav } from 'ionic-angular';
import { StatusBar, …

我有以下导航案例:

Home -> navCtrl.push(SearchPage) -> navCtrl.push(ResultPage)

要么

Home -> navCtrl.push(SearchPage) -> navCtrl.push(ResultPage) -> navCtrl.push(DetailPage)

我想导航回SearchPage.在第一种情况下,没有问题,我可以使用

this.navCtrl.pop()

但是,在第二种情况下,我尝试使用

this.navCtrl.popTo(SearchPage)

这不能按预期工作.Ionic仅在堆栈中导航一页.我知道popTo()存在问题(https://github.com/driftyco/ionic/issues/6513)

我怎么解决这个问题？

我想依次在左侧显示标签和输入,在右侧显示按钮/图标.我尝试过使用网格作为

<ion-grid>
  <ion-row>
    <ion-col width-10>
        <ion-icon name="phone-portrait"></ion-icon>
    </ion-col>
    <ion-col width-70>
        <ion-input type="text" placeholder="Mobile no"></ion-input>
    </ion-col>
    <ion-col width-10>
          <ion-icon name="contacts" (click)="pickContactNo()"></ion-icon>
    </ion-col>
  </ion-row>
</ion-grid>

它显示内联,但输入框略低于此.

还尝试使用item-left和item-right属性.但是无法做到.