标签: ionic2

我正在尝试使用Ionic 2,我仍在努力完成大多数基本任务,例如在加载应用程序时选择一个标签.

我试图注入Tabs控制器并打电话select给onPageLoaded事件,但无济于事.

有人可以帮忙吗？

在app欢迎页面/幻灯片上使用离子滑动组件(4张幻灯片).我需要能够让用户跳到最后一张幻灯片.Docs说,离子幻灯片实现了Swiper API.我需要访问以下方法:mySwiper.slideTo(index, speed, runCallbacks);

关于如何实施的提示？

alert在返回上一页之前,如何显示用户必须关闭的内容？我正在使用标准<ion-navbar *navbar> 箭头按钮.

我尝试像这样挂钩NavController事件ionViewWillLeave,但它不起作用:

ionViewWillLeave() {
  let alert = Alert.create({
    title: 'Bye',
    subTitle: 'Now leaving',
    buttons: ['OK']
  });
  this.nav.present(alert);
}

这会显示警报,但一旦关闭就不会返回.如果我发表评论,后退按钮工作正常.

我正在尝试使用pan手势设置滑块(实际上是厨房计时器),ionic2请参阅:http://ionicframework.com/docs/v2/components/#gestures

滑块/计时器有一个开放的上限,可以由a设置panright,但在a上下降到零panleft.

如何才能最好地将pan事件转换为速度敏感度,以允许上限接近36000但是足够敏感以设置小到10的增量？最大值deltaX约为400px,但我想用户可以使用几个pan手势来达到很大的值.

是否有一些现成的easing功能可以用来实现这个目的？

我正在尝试使用延迟加载创建一个离子3选项卡应用程序,而无需导入组件.

在我的app.component.ts中

 rootPage:string = "Tabs";

在tabs.html中

<ion-tabs>
<ion-tab [root]="Favorites" tabTitle="fav" tabIcon="star"></ion-tab>
<ion-tab [root]="libaray" tabTitle="Library" tabIcon="book"></ion-tab>
</ion-tabs>

在Favorites.module.ts中

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { Favorites } from './favorites';

@NgModule({
  declarations: [
    Favorites,
  ],
  imports: [
    IonicPageModule.forChild(Favorites),
  ],
  exports: [
    Favorites
  ]
})
export class FavoritesModule {}

到目前为止,标签页成功加载但没有视图(空白页).我认为我使用[root]属性与延迟加载的问题!怎么解决这个问题？

谢谢

如何在离子2中的警报控制器中添加单选按钮作为输入按钮？它适用于复选框,但我想添加单选按钮组和单选按钮,只选择一个选项.

  advanceSearch(): void{
   let prompt = this.alertCtrl.create({
    title: 'something',
    message: 'Select option ',
    inputs : [
     {
       type:'checkbox',
       label:'something1'
     },
     {
       type:'checkbox',
       label:'something2'
      }

    ],
    buttons : [
     {
       text: "Cancel",
       handler: data => {
         console.log("cancel clicked");
       }
     },
     {
       text: "Search",
       handler: data => {
         console.log("search clicked");
       }
     }
    ]
    });
    prompt.present();
}

`

我想将这些复选框更改为单选框.

我需要将状态栏文本颜色更改为黑色(或黑色).但是Cordova插件不支持.但我已经看到Android本机设备上有一个方法,如下所示.我们可以在Ionic 3上做同样的事情.应用程序呢？

Refernce:

<style name="statusBarStyle" parent="@android:style/Theme.DeviceDefault.Light">
    <item name="android:statusBarColor">@color/status_bar_color</item>
    <item name="android:windowLightStatusBar">false</item>
</style>

使用Angular2管道slice我可以做这样的事情只显示我的前五个元素items.

<ion-item *ngFor='let item of items | slice:0:5">

如何使用变量而不是硬编码0和5？我想做这样的事情start并end在我的*.ts文件中定义.

<ion-item *ngFor='let item of items | slice:"start":"end"'>

当用户点击my profile页面(或标签)时,用户没有登录,然后显示login page如下所示.login page它在哪里header back button,它工作正常(你可以看到下面的代码).我需要相同的功能当用户击中了hardware back button on Android device.但它关闭了应用程序.你能告诉我如何解决这个问题吗？如果您需要更多信息,请告诉我.

我-profile.ts

constructor(public navCtrl: NavController, public app: App, public userService: UserService
        ) {
        if (!this.userService.userDetails) {
            this.app.getRootNav().setRoot('Login', { profile: true });
            return;
        }
    }

login.ts

constructor(public navCtrl: NavController, public navParams: NavParams) {
        this.profile = this.navParams.data.profile;
    }

    back() {
        if (this.profile) {//not logged in user
            this.navCtrl.setRoot('TabsPage');
        }
    }

的login.html

<ion-header>
  <ion-navbar>
    <ion-buttons left>
      <button ion-button *ngIf="profile" (click)="back()" tappable><ion-icon name="arrow-back"></ion-icon></button>
    </ion-buttons>
    <ion-title>login</ion-title> …

我已经为项目安装和使用了很多次AngularFire2,但是自从v5发布以来,我无法正确设置它.

这些是我为解决问题而采取的步骤.

$ ionic start angularfire2test tabs
$ npm install angularfire2 firebase --save

的package.json

"angularfire2": "^5.0.0-rc.3",
"firebase": "^4.5.2",

将Firebase凭据添加到app.module.ts +导入默认模块和数据库模块.这是最重要的部分

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
...
@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    HomePage,
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    AngularFireModule.initializeApp(firebaseCredentials),
    AngularFireDatabaseModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
   ....

当我执行时$ ionic serve,我在webpackMissingModule(http:// localhost:8100/build/vendor.js:119190:82)收到错误消息"找不到模块"@ firebase/database"

检查node_modules文件夹时,@ firebase没有数据库子文件夹,但firebase-folder确实有一个数据库文件夹.

我做错了什么或是AngularFire2的一般问题？