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

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

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

1 个答案: