有谁知道如何在当前的角度下使用Telerik NativePageTransitions插件?

时间:2018-07-24 18:54:49

标签: angular ionic-framework cordova-plugins hybrid-mobile-app

我无法在线找到该插件的有效解决方案。如果您对我的版本感兴趣,我的帖子底部会有一个ss。

这是我的代码:

import { Component, OnInit, ChangeDetectorRef } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
    import { NativePageTransitions,
             NativeTransitionOptions } from '@ionic-native/native-page-transitions';
    import { NextPage } from '../next/next';

     @Component({
      selector: 'page-home',
      templateUrl: 'home.html'
    })
    export class HomePage {
      constructor(public navCtrl: NavController,
                  private nativeTrans: NativePageTransitions) {

      }

      goToNext() { 
        let options: NativeTransitionOptions = {
          direction: 'left',
          duration: 400,
          href: 'next.html'
        };
        this.nativeTrans.slide(options);
        this.navCtrl.push(NextPage);
      }
    }

根据我在选项的href属性中输入的内容,我可以获得三种不同的结果。

  • 如果我输入'next.html'或'../pathtonext/next.html',则会使用不留下一页的页面进行转换,然后推送空白页面。

  • 如果我放置“ NextPage”,则会使用空白页作为下一页,然后再推送空白页。

  • 如果我不为href放置任何内容,则再次使用不留下一页的页面进行转换,然后将正确的下一页推入。

在使用网页时,我找到了解决方案,其中过渡到服务器上的另一页,但是找不到在Angular框架的应用程序中使用的页面。

我正在使用角度/离子。

版本: enter image description here

0 个答案:

没有答案