如何在离子3应用程序的菜单上显示intro.js的步骤?

时间:2018-06-05 20:59:33

标签: angular typescript ionic-framework intro.js

我想通过幻灯片菜单在我的应用程序中显示带有介绍js的元素,问题是我的幻灯片菜单是app.html,我有一个登录页面,当用户进入时,转到user.html并且一个功能我自动显示菜单。我的老板问我是否可以唤醒一个巡演向用户展示,如何配置他们的帐户的一些东西,我发现介绍js有利于此。我在user.ts上创建了游览,结果很棒,当菜单打开时,信息反映在菜单上,所以它捕获了我希望它显示它的步骤。但是我注意到这只是在应用程序构建时,因为我在我的文本编辑器中保存了代码,如果我在"离子服务"第一次,当我得到预览时,菜单被隐藏,介绍js显示浮动步骤,所以我昨天用智能手机测试,菜单总是隐藏在那一点。

更新*现在总是炫耀,即使我在编写任何代码时刚刚保存

enter image description here

当我点击下一步时,菜单会显示

enter image description here

class TestObserver extends NavigatorObserver {
  OnObservation onPushed;
  OnObservation onPopped;
  OnObservation onRemoved;
  OnObservation onReplaced;

  @override
  void didPush(Route<dynamic> route, Route<dynamic> previousRoute) {
    if (onPushed != null) {
      onPushed(route, previousRoute);
    }
  }

  @override
  void didPop(Route<dynamic> route, Route<dynamic> previousRoute) {
    if (onPopped != null) {
      onPopped(route, previousRoute);
    }
  }

  @override
  void didRemove(Route<dynamic> route, Route<dynamic> previousRoute) {
    if (onRemoved != null)
      onRemoved(route, previousRoute);
  }

  @override
  void didReplace({ Route<dynamic> oldRoute, Route<dynamic> newRoute }) {
    if (onReplaced != null)
      onReplaced(newRoute, oldRoute);
  }
}

0 个答案:

没有答案