标签: ionic-framework

我正在开发离子v1移动应用程序.当我从Android设备卸载应用程序时,$localstorage在我再次安装应用程序后,保存的数据已经存在.

我也在使用cordova-plugin-crosswalk-webview版本2.2.0

其他信息:

  Cordova CLI: 6.3.1
  Gulp version:  CLI version 3.9.1
  Gulp local:   Local version 3.9.1
  Ionic Framework Version: 1.1.1
  Ionic CLI Version: 2.1.1
  Ionic App Lib Version: 2.1.1
  Node Version: v4.4.1

我很乐意感谢你的帮助.

谢谢!

我有一个页面来显示分支列表并选择一个分支转到下一页.

如何制作ion-item可点击,捕捉点击并选择项目？

我尝试了这个代码,它的工作原理.但是,它显示了一个按钮列表.

 <ion-list>
    <ion-item *ngFor="let branch of branchArray">
       <button ion-button full (click)='goHome(branch)'>
          {{branch.name}}
       </button>              
    </ion-item>
 </ion-list> 

我试图找出Apache Cordova和Ionic Framework如何工作？

我在互联网上搜索了所有信息，它是html / css / js的包装，并且使用本机Web视图与本机功能进行交互。但是，您仍然部署本机。（例如，对于Android来说就是.apk ）

但是，我感兴趣的是

• Apache Cordova和Ionic Framework是否完全用javascript编写？
• 他们如何与本地移动平台进行交互？
• Cordova / ionic是否与.apk文件捆绑在一起以在本机Web视图和源代码之间进行中介？

我相信我对一些底层细节感兴趣。如果有人可以阐明或指出我的资源（我找不到），那就太好了。

谢谢。

我正在使用ionic2并希望访问我已安装的应用程序代码,

现在,当我在cmd中运行命令" adb devices "时,它显示错误为

"'adb'未被识别为内部或外部命令,可操作程序或批处理文件."

我该怎么办 ？

我正在使用Ionic 2和Angular 2的应用程序.现在我正在尝试从API中获取数据并在页面上显示它.

我可以记录数据,我认为这是正确的,但由于某种原因,页面本身没有显示任何内容:

我收到数据的API位于:http://peerligthart.com/grotekerk/v1/api.php/zerken？transform = 1

*ng对我的看法

<ion-content padding>
  <h1 *ngFor="let z of zerken">
    {{ z.naam }}
  </h1>
</ion-content>

调节器

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

import { NavController, PopoverController } from 'ionic-angular';
import { PopoverPage } from '../popover/popover';

import { ZerkenProvider } from '../../providers/zerken';

@Component({
  selector: 'page-lijst',
  templateUrl: 'lijst.html',
  providers: [ZerkenProvider]
})

export class LijstPage {

  zerken: Array<any>;

  constructor(public navCtrl: NavController, public popoverCtrl: PopoverController, public zerkenProvider: ZerkenProvider) {
    this.zerkenProvider.getZerken().subscribe(
      data => {
        console.log(data.zerken);
        this.zerken = …

我注意到这是一个痛苦的屁股.类型="电子邮件"的HTML5验证器似乎不适用于Ionic(View).我尝试了一切可能的方法,但它没有用.

我在用:

• 离子(查看)

• 角

• HTML5

这是我现在的HTML:

<input class="testinput" type="email" name="email"
       ng-model="userRegistration.email" type="text"
       pattern="/^[_a-z0-9]+(\.[_a-z0-9]+)*@[a-z0-9-]*\.([a-z]{2,4})$/" 
       required>

也尝试了这个type="text",但也没有工作.我可以在使用电子邮件时验证表单:"blablabla"我不使用@符号,当然这是错误的.

我也这么试过,就是:[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,63}$和ng-pattern,但我没有得到一个错误,我可以只用随机文本注册,而不会被验证停止.

所以我的问题是:我该如何解决这个问题？解决这个问题的最佳方法是什么？

我检查过:

• 如何使用ng-pattern验证angularJs中的电子邮件ID
• 为什么HTML5表单验证允许没有点的电子邮件？

以下是新Firebase电话身份验证的文档.他们引入了recaptcha作为安全/垃圾邮件措施.根据js文档,recaptcha注入到DOM中:

window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');

但是,这似乎不适用于AngularJS.我试过换掉窗户.对于$ window并确保这在我的控制器中可用,但仍然没有运气.

任何帮助或指导将不胜感激.

这是我一直关注的js文档:https: //firebase.google.com/docs/auth/web/phone-auth

我已经将一个离子应用程序上传到itunes商店.上载的存档大小仅为24.6 MB.但上传后显示57.5 MB.当我检查itunes连接时,估计的appstore文件大小显示超过55 Mb的所有设备,其中压缩文件大小显示24.6 Mb.上传到商店后尺寸是如何增加的？如何减少估计的应用尺寸？

我是离子框架的新手,刚刚开始.我在Windows上工作.我用这个命令创建了我的应用程序:

ionic start ionic-welcome tabs
ionic serve

我使用下面的命令创建一个新页面

ionic g page welcome

我在我的控制台中得到了这个回复:

[确定]生成一个名为welcome的页面!

更新app.module.ts欢迎页面:

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

import { Welcome } from '../pages/welcome/welcome';
import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { HomePage } from '../pages/home/home';
import { TabsPage } from '../pages/tabs/tabs';

import { StatusBar } from '@ionic-native/status-bar';
import { …

更新3:

实际上我找到了导致我的代码初始问题的原因.如果我使用Ionic/Angular侦听器绑定到我的代码中的按钮 - 然后将变量for false更改为true - 确实会更改UI状态.

但是,如果我使用自定义侦听器('touchstart'),那么即使变量发生变化 - 它也不会导致UI刷新.我认为这是由角度渲染等方式起作用的.但我希望在某处记录下来.

编辑了代码片段+说明在代码片段中我们有父子组件,其中子项的发出事件需要更改父组件可见性.

编辑澄清问题更好:

在我的代码中,我有一个非常简单的组件(下面),我想让这些UI游侠在showSliders变量的布尔状态后动态显示/消失.

我验证了我在变量中获得了更新的值,但我想该视图只会在它呈现的时刻或类似的内容中读取它.

所以我再次看到UI没有显示[hidden] ="showSliders"(showSliders在这里是真的),反之亦然.

但问题是 - 如果页面已经在一个状态下呈现自己,那么动态更改变量不会导致UI出现/消失.

我有一个简单的方法来实现这一目标吗？

在javascript中,一旦得到布尔值,我可能会得到DIV的ID.style.display ="none".如何在角度2+中做同样的事情？

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { ChildComponent } from '../../components/child/child'

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

  public hidden: boolean = false; 

  constructor(public navCtrl: NavController) {

  }
  toggleButton() {
    this.hidden = !this.hidden;
    console.log(this.hidden);
  }

  getEvent($event) {
    console.log($event);
    this.hidden = $event;
  }
}

// CHILD:

import …