angular - Ionic 3 - Side menu , 动态换边

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);
     });
}

不仅来自家庭组件，您还可以从项目中的任何位置进行设置