ионная адаптивная страница с imageMapResize

#ionic-framework

#ионный фреймворк

Вопрос:

У меня небольшая проблема с ionic framework. Я хочу создать страницу с адаптивным изображением в качестве фона, для каждой «кнопки» на изображении я хотел бы создать кнопку из ionic.Отображение изображений на html и javascript Это делается с помощью imageMapResize() плагина от node и на самом деле отлично работает.

В чем проблема, эта вещь должна быть только на первой странице и работать после первого запуска кода, но когда вы возвращаетесь с других страниц на первую страницу, не работает.

Я пытался:

 ionViewDidLoad() {
    imageMapResize();
}
  

Ответ №1:

Попробуйте использовать ionViewDidEnter() , этот метод вызывается каждый раз, когда вы заходите на страницу. Вы можете вызвать ionViewWillEnter() перед входом на страницу, если хотите.

Комментарии:

1. Можете ли вы попробовать это this.navCtrl.setRoot(this.navCtrl.getActive().component); это перезагрузит страницу.

2. Вы можете поместить ее в функцию, которую я даю вам ниже, лучше в ionViewWillEnter ()

3. ionViewWillEnter() { this.navCtrl.setRoot (this.navCtrl.getActive().component); } ionViewDidLoad() { imageMapResize(); } если я использую этот способ, imagemapresize не работает : (

4. Попробуйте посмотреть, вводите ли вы функцию imageresize, когда вернетесь. Возможно, ее просто не вводят.

5. когда я использую этот способ, постоянно загружается журнал консоли ionViewWillEnter() { imageMapResize(); console.log(«загружен»); this.navCtrl.setRoot(this.navCtrl.getActive().component); }