Question

我正在改变这个方向

  <ion-nav [dir]="isRtl? 'rtl':'ltr'"></ion-nav>

除菜单外，它工作正常。但我现在的问题是<ion-select> 因为它仍处于 ltr 方向，因为它不在<ion-nav>下，而是在<ion-app>或<body>或<html>标记下。那么如何访问app.component中的变量来根据所选语言更改index.html中的方向。或者，如果有任何其他方法。

Answer 1

我要做的是将CSS文件绑定到我的组件（使用装饰器），并在其中执行

* {
    direction: rtl;
}

编译时，角度为您的所有标记添加属性，例如ng_3590F，以及CSS中。这意味着，组件中的所有标签/ ID /类都将具有正确的方向。

如果我不清楚，请随意说出来！

修改

要在HTML中使用您的服务，请在构造函数中执行

constructor(private myService: MyService) {}

您可以在组件的HTML中执行

<your-tag [direction]="myService.myProperty"></your-tag>

Answer 2

更改语言时（如监听器translate.onLangChange）写这个

this.platform.setDir('rtl',true);

它将hir标记中的dir更改为rtl 并且你可以避免在所有你的应用程序中使用dir属性，除了菜单仍有问题需要修复它（离子团队正在处理它）。

如何在html标签中将dir =“ltr”更改为rtl或在index.html ionic2中更改为ion-app标签？

2 个答案: