标签: ionic2

我是离子新手,我正在玩离子2 beta.我正在尝试使用cordova插件实现本机日期选择器,如文档中所示.

我完全复制/粘贴了这个例子,我"ReferenceError: DatePicker is not defined上了Nexus 5 Emulator和Archos安卓手机.

openDatePicker() {
    var options = {
      date: new Date(),
      mode: 'date'
    };

    function onSuccess(date) {
        alert('Selected date: ' + date);
    }

    function onError(error) { // Android only
        alert('Error: ' + error);
    }

    DatePicker.show(options, onSuccess, onError);
  }

我已经搜索了很多但没有发现这个,也许我在Ionic 2上使用cordova插件做错了？

我正在使用自定义cordova插件(https://github.com/VJAI/simple-crypto),不适用于离子原生.

我正在使用Ionic 2并使用以下命令安装了插件: cordova plugin add https://github.com/VJAI/simple-crypto

界面是这样的:

var rncryptor = cordova.require("com.disusered.simplecrypto.SimpleCrypto");

rncryptor.encrypt(key, data, successCallback, failureCallback)
rncryptor.decrypt(key, data, successCallback, failureCallback)`

方法1:
我试图使用调用插件

window.plugins.SimpleCrypto.encrypt(...)

但是当我跑步时ionic serve,我得到错误:

TypeError:无法读取未定义的属性"SimpleCrypto"

方法2:
我尝试的另一种方式是

cordova.plugins.SimpleCrypto.encrypt(...)

我得到的错误是

ReferenceError:未定义cordova

有办法绕过这个吗？

我是混合应用程序开发的新手.首先,我想知道是否可以使用Ionic 2中的侧面菜单在页面之间进行导航.我能够实现本教程中显示的页面之间的导航以及ionicdocs站点中显示的菜单.但是当我点击一个菜单项时,菜单将页面设置为"rootPage",所以我被重定向到那个页面,但是如果我想回到主页我必须通过菜单这样做,我会喜欢只按一个后退按钮.

在此先感谢,这是我的app.ts文件:

import {App, IonicApp, Platform, MenuController} from 'ionic-angular';
import {StatusBar} from 'ionic-native';
import {HomePage} from './pages/home/home';
import {CategoriesPage} from './pages/categories/categories';

@App({
  template: `
<ion-menu [content]="content">
<ion-toolbar>
    <ion-title>Menu</ion-title>
</ion-toolbar>

<ion-content>
    <ion-list>
        <button ion-item (click)="openPage(categoriesPage)">
            Categorías
        </button>
        <button ion-item>
            Mis Compras
        </button>
        <button ion-item>
            Lista de Deseos
        </button>
        <button ion-item>
            Cerrar Sesión
        </button>
    </ion-list>
</ion-content>
</ion-menu>

<ion-nav id="nav" #content [root]="rootPage"></ion-nav>`,
  config: {} // http://ionicframework.com/docs/v2/api/config/Config/
})
export class MyApp {
  public rootPage;
  public app;
  public menu;
  public …

我下载并安装了最新版本的Visual Studio Ionic 2模板,用于Apache Cordova的Visual Studio Tools.我使用的是Visual Studio 2017 Professional.

令我沮丧的是,我发现Cordova的实时重载功能根本不起作用.当我修改HTML时,Cordova Simulate反映这些变化的唯一方法是停止调试并重新部署项目,这需要花费大量时间并使开发工作流程变得非常痛苦.

只要有多个离子项目正在进行,就会出现另一个问题.我发现因为Ionic正在使用相同的端口进行部署,所以当其中一个项目启动时,启动的应用程序会对我要求的应用程序感到困惑,并且经常会显示其他应用而不是我想要的应用.

有任何想法吗？

我想继续使用ParseLiveQuery监视事件,即使启动InAppBrowser也是如此.但我不能.

我注意到,当启动InAppBrowser时,来自Parse服务器的所有事件似乎都被暂停/暂停.

这是一个简化的代码来演示这个问题:

export interface PageInterface {
  title: string;
  name: string;
  component: any;
  icon: string;
  logsOut?: boolean;
  index?: number;
  tabName?: string;
  tabComponent?: any;
}    
@Component({
  templateUrl: 'app.template.html'
})
export class ConferenceApp {
  @ViewChild(Nav) nav: Nav;
  appPages: PageInterface[] = [...];
  loggedInPages: PageInterface[] = [...];
  rootPage: any;
  browser: any;

  constructor(
    public events: Events,
    public userData: UserData,
    public menu: MenuController,
    public platform: Platform,
    public confData: ConferenceData,
    public parseData: ParseData,
    public storage: Storage,
    public splashScreen: SplashScreen,
    private iab: InAppBrowser
  ) {

    this.rootPage = TabsPage; …

每当我创建新课程时，我都会收到此错误

Allow experimental decorators visual studio

我使用Ionic2，并试图实现本地存储，我想这个和这个，没有什么工作。

"experimentalDecorators": true

我已经构建了一个Ionic2应用程序并使用

this.platform.exitApp()

在app.component.ts中退出应用程序.

在Android上它运行良好,但在iOS上出现此错误

undefined is not an object (evaluating 'e.navigator.app.exitApp')

我想使用Ionic 3离子列表（或Ionic 3中的所有功能）来显示水平列表，而不是典型的垂直列表。

寻找没有很多CSS或很难维护代码的解决方案。

        <ion-content>

          <ion-list >
            <ion-item *ngFor="let data of dataArray"  (click)="dataDetail(data)">
              <ion-thumbnail item-left>
                <img src="https://data.url.com/{{data.path}}{{data.photoName}}"/>
              </ion-thumbnail>
              <h2>{{data.name}}</h2>
              <p>{{data.details}}</p>
            </ion-item>
          </ion-list>

        </ion-content>

任何帮助都非常感谢。

谢谢菲尔

我的离子3应用程序有一个带有两个Tabs的离子标签.当从tab切换到tab时,我需要显示一条确认消息(使用AlertController)以防止用户更改当前选项卡,除非他确认了他的选择.这是否可能在离子？我已经尝试在标签更改时显示确认消息.但是,我无法阻止新标签显示.

谢谢.

我正在使用一个 ion-select,我正在启用该multiple属性来选择几个选项.如果已经检查了3个选项,我找不到实时禁用其余选项的方法.我目前正在使用该ionSelect事件,但它仅在选中选项时有效.我怎样才能解决我的问题？我怎样才能解决我的问题？我想知道我是如何知道我已经标记了多少选项并实时获得它们的价值.

这是我的代码:https: //stackblitz.com/edit/ionic-8wewvd？file = pages/home/home.ts

页/家

<ion-label>Select a person</ion-label>
<ion-select [(ngModel)]="person" multiple="true">
  <ion-option *ngFor="let item of options; let i = index" 
    [value]="item.id" (ionSelect)="fn_checkOptions()" >
    {{item.name}}
  </ion-option>
</ion-select>

export class HomePage {
public options:object=[];


constructor(public navCtrl: NavController) {
this.options= 
[
  {"name":"pedro","id":1},
  {"name":"juan","id":2},
  {"name":"maria","id":3},
  {"name":"velez","id":4},
  {"name":"yaya","id":4}
 ]
}

 fn_checkOptions(){
  alert("hey")
 }

}