Question

我正在构建一个包含3个不同部分的应用程序，所有这些部分都有自己的菜单结构。我想知道如何更新（例如）设置页面中的那些。我已经开始了，但是当我更改应用程序时，我必须刷新应用程序以显示菜单结构。

Settings.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="values" size=5>
  <option selected="selected">Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
</select>

Settings.ts

<ion-list style="margin-bottom: 0px;">
  <ion-item>
    <ion-label>Taal</ion-label>
    <ion-select [(ngModel)]="language" cancelText="Annuleer" (ngModelChange)="changeLang()">
      <ion-option value="nl">Nederlands</ion-option>
      <ion-option value="en">English</ion-option>
      <ion-option value="du">Deutsch</ion-option>
    </ion-select>
  </ion-item>
  <ion-item>
    <ion-label>Waarvoor wilt u de app gebruiken</ion-label>
    <ion-select [(ngModel)]="type" cancelText="Annuleer" (ngModelChange)="changeType()">
      <ion-option value="alg">Algemeen</ion-option>
      <ion-option value="zrk">Zerken</ion-option>
      <ion-option value="kds">Kids</ion-option>
    </ion-select>
  </ion-item>
 </ion-list>

app.component.ts

changeLang() {
    console.log(this.language);
    this.storage.set('appLang', this.language);
  }

  changeType() {
    console.log(this.type);
    this.storage.set('appType', this.type);
  }

所以我想要的是应用程序刷新＆＃39;在我更改了我的设置后。我知道为什么这不起作用，因为在应用程序启动时加载了菜单结构。

也许有人知道一个简单的解决办法！

Answer 1

您可以使用ionOpen事件。检查此link

在您的模板app.html

中

<ion-menu (ionOpen)="omMenuOpen()">

然后在你的'app.component.ts'

中

omMenuOpen(){
   console.log('menu oppend.');
   //here set your pages
}

让我知道它是否有效。

改变菜单结构 - 离子2

1 个答案: