标签: ionic2

当我进入新页面时如何创建透明指南覆盖页面

我怎样才能在离子2中实现？

我的Ionic 2应用程序中有这个网格.是否有任何特定于离子的属性使按钮显示在列(行)的右侧？

<ion-grid>
  <ion-row>
    <ion-col>col 1</ion-col>
    <ion-col>col 2</ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <button ion-button>My button</button>
    </ion-col>
  </ion-row>
</ion-grid>

我正在使用ionic2来显示谷歌地图.但是当我运行下面的代码时,我得到空白页面.

export class NearByStoresPage {

  constructor(private nav: NavController, private confData: ConferenceData) {
    this.loadNearByOffers();
  }

  loadNearByOffers(){

    let options = {timeout: 10000, enableHighAccuracy: true};

    navigator.geolocation.getCurrentPosition(

        (position) => {
            let latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);               

            let mapOptions = {
                center: latLng,
                zoom: 16,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            }

            let map = new google.maps.Map(document.getElementById("map"), mapOptions);

            let marker = new google.maps.Marker({
              map: map,
              animation: google.maps.Animation.DROP,
              position: map.getCenter()
            });

            let content = "<h4>Information!</h4>";          

            let infoWindow = new google.maps.InfoWindow({
              content: content
            });

            google.maps.event.addListener(marker, 'click', function(){
              infoWindow.open(map, marker);
            });
        }, …

在输入上处理"输入"或"转到"键盘键的事件是什么？输入不在表单中使用.所以点击它不会"提交".我只需要这个活动.

(在Beta 11上运行android + Ionic 2)

我是Ionic2的新手,我正在尝试根据当前菜单选择构建动态标签.我只是想知道如何使用导航控制器获取当前页面.

...
export class TabsPage {
  constructor(navParams: NavParams,navCtrl:NavController) {
    //here I want to get current page
 }
}
...

从api文档我觉得getActiveChildNav()或getActive()将给我当前页面,但我不知道ViewController/ Nav.

任何帮助将不胜感激.提前致谢.

我正在使用离子2的最新版本.我的代码<ion-content padding><form></form></ion-content>里面有一个文本输入.当我尝试在Android上输入内容时,整个页面会被键盘向上推.

html文件

<ion-content class="login-screen" padding>
  <form (ngSubmit)="login()" novalidate>
    <ion-list>
      <ion-item>
        <ion-label fixed>Username</ion-label>
        <ion-input type="text" name="username" [(ngModel)]="username" required></ion-input>
      </ion-item>
      <ion-item>
        <ion-label fixed>Password</ion-label>
        <ion-input type="password" name="password" [(ngModel)]="password" required></ion-input>
      </ion-item>
    </ion-list>
    <button ion-button full type="submit">Login</button>
  </form>
  <button ion-button clear full outline type="button" (click)="openModal()">Forgot Password?</button>
</ion-content>

有什么解决方案吗？

我试图在成功完成Promise之后返回一个observable,但该函数没有返回Observable.要特定于代码,我想从存储中获取auth令牌(返回promise),然后在获取数据之后,然后生成对Api的Post请求(返回Observable).通过这样做,sublime文本在函数上给出了一个错误,"声明类型既不是'void'也不是'any'的函数必须返回一个值"下面是我的代码,

logout() : Observable<any>{
  this.userData.getAuthToken().then((token)=>{
    this.token = token;
    this.headers = new Headers ({
      "X-USER-TOKEN": token
    });
    this.options = new RequestOptions ({
      headers: this.headers
    });
    var logout_url = "Api logout method";
    return this.http.post(logout_url,{},this.options)
      .map (res => res.json())
  });
}

如果我只是做一个帖子请求,那么它会像这样返回

return this.http.post(logout_url,{},this.options)
  .map (res => res.json())

但是当我尝试获取数据时,它不会从此发布请求中返回值.任何帮助都感激不尽!提前致谢

我使用Ionic 2,我希望我的应用程序在关闭应用程序时执行一些任务.像Gmail一样继续通知的东西.

我找到了这个:https: 0000-00-00ionicframework.com/docs/v2/native/background-mode/

但是我想用在后台运行的特定方法创建一个特定的服务.这个插件所有应用程序都在后台运行.

有人可以解释我该怎么做？

我正在使用离子cli使用此命令生成页面

ionic generate page login
ionic g page login

然后我在浏览器中收到此错误

Typescript Error
Property 'forChild' does not exist on type 'typeof IonicModule'.
E:/workspace/Ionic/myApp/src/pages/login/login.module.ts
imports: [
  IonicModule.forChild(Login),
],

还在登录文件夹中创建4个项目.

1.login.html
2.login.ts
3.login.module.ts
4.login.scss

任何人都可以解决这个问题 这是login.module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { Login } from './login';

@NgModule({
  declarations: [
    Login,
  ],
  imports: [
    IonicModule.forChild(Login),
  ],
  exports: [
    Login
  ]
})
export class LoginModule {}

如果我删除此行,应用程序工作正常.

 IonicModule.forChild(Login),

我正在使用离子2开发一个应用程序.该应用程序的主要功能是登录屏幕,然后出现一个带侧边菜单的仪表板.侧边菜单不在登录屏幕中.我做的.但不知道以下错误会一次又一次地出现.

错误是

由模块'AppModule'导入的意外指令'LoginPage'.请添加@NgModule注释.

我在这里给我的代码..

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';    
import { ErrorHandler } from '@angular/core';    
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';    
import { MyApp } from './app.component';    
import { HomePage } from '../pages/home/home';    
import { ListPage } from '../pages/list/list';    
import { LoginPage } from "./login/login";    
import { MenuComponent } from "./menu.component";    
@NgModule({    
  declarations: [  
    MyApp,    
    HomePage,   
    ListPage,    
    MenuComponent    
  ],

  imports: [    
    BrowserModule,    
    IonicModule.forRoot(MyApp),   
    LoginPage   
  ],

  bootstrap: [IonicApp],

  entryComponents: [ 
    MyApp, …