我想通过幻灯片菜单在我的应用程序中显示带有介绍js的元素，问题是我的幻灯片菜单是app.html，我有一个登录页面，当用户进入时，转到user.html并使用函数我自动显示菜单 . 我的老板问我是否可以唤醒一个游览向用户展示，如何配置他们的帐户的一些东西，我发现介绍js有利于此 . 我在user.ts上创建了游览，结果很棒，当菜单打开时，信息反映在菜单上，所以它捕获了我希望它显示它的步骤 . 但是我注意到这只是当我在我的文本编辑器中保存代码时构建应用程序，如果我第一次使用“离子服务”，当我得到预览时，菜单被隐藏并且介绍js显示浮动步骤所以我昨天用智能手机进行了测试，菜单总是隐藏起来 .
更新*现在总是炫耀，即使我在编写任何代码时刚刚保存
当我点击下一步然后菜单显示出来
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, MenuController, ModalController } from 'ionic-angular';
import { NotificationsPage } from '../notifications/notifications';
import introJs from 'intro.js/intro.js';
/**
* Generated class for the UserPage page.
*
* See https://ionicframework.com/docs/components/#navigation for more info on
* Ionic pages and navigation.
*/
@IonicPage()
@Component({
selector: 'page-user',
templateUrl: 'user.html',
})
export class UserPage {
constructor(public navCtrl: NavController, public navParams: NavParams, public menuCtrl: MenuController, public modalCtrl: ModalController) {
// Activates the menu in the page
this.menuCtrl.enable(true, 'profileMenu');
// Opens menu automatically
this.menuCtrl.open();
}
ionViewDidLoad() {
console.log('ionViewDidLoad UserPage');
}
ngAfterViewInit(): void {
this.intro();
}
intro() {
let intro = introJs.introJs();
intro.setOptions({
steps: [
{
intro: "Hello!! we want to give you some recommendations"
},
{
element: '#step1',
intro: "You can see the profile settings, just tapping in your profile picture",
position: 'bottom'
}
]
});
intro.start();
}
}