Ionic 3 - 侧面菜单，动态改变侧面

Question

我想在更改语言（rtl 和 ltr）时自动更改侧边菜单的方向我在页面 app.html

中尝试了这段代码

<ion-menu [side]="isRtl?'right':'left'" [content]="content">

如何从另一个页面或示例 "home.ts" 更改 'isRtl' 的值？

'isRtl' 在 'app.component.ts' 中声明有帮助吗？

Answer 1

使用跨组件的事件发射器在组件之间传输数据

//Home component.ts
import { Events } from 'ionic-angular';  
   constructor(public events: Events) {
      directioChange(user) {
            this.events.publish('directiochanged', 'true');
      }
   }


//App.component.ts
constructor(public events: Events) {
     events.subscribe('directiochanged', (direction) => { 
           this.isRtl = direction;console.log(direction);
     });
}

not only from home component, you can set from anywhere in you project

Ionic 3 - 侧面菜单，动态改变侧面

Ionic 3 - Side menu , change side dynamically

side-menu

ionic3

angular