如何更改dir =「ltr」爲html標記中的rtl或index.html ionic2中的ion-app標記？

我改變方向這樣如何更改dir =「ltr」爲html標記中的rtl或index.html ionic2中的ion-app標記？

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

它工作正常，除了菜單。但我現在的問題是爲<ion-select> 因爲它仍然在升方向，因爲它不是<ion-nav>下，它的下<ion-app>或<body>或<html>標籤。所以我如何訪問app.component中的變量來改變index.html中的方向取決於所選擇的語言。或者如果有其他方法。

來源

2017-05-24 Joe Sleiman

我會做什麼是綁定一個CSS文件，我的組件（含裝飾），並在其中做

* { 
    direction: rtl; 
}

當你編譯它，角用屬性添加到您的所有代碼，如ng_3590F，也在你的CSS中。這意味着，您組件中的所有標籤/ ID /類都有正確的方向。

如果我不清楚，隨意說出來！

編輯

要使用HTML你服務，你的構造做

constructor(private myService: MyService) {}

而在你的組件的HTML，你可以做

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

來源

2017-05-24 09:18:43 trichetriche

但我需要它有時是ltr和某些時候ltr，我的意思是用戶可以選擇英文os如果放一個星*所有的應用程序將是RTL方向 –

不，這是使用樣式表綁定到您的組件：樣式僅適用於您的組件！所以如果將*放在'ion-nav.component.scss'中，它將只應用於'ion-nav.component.html' – trichetriche

，但 >>警報不在ion-nav下。它在或或標籤 –

改變語言時（如listener translate.onLangChange）寫這個

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

它改變目錄中的HTML標籤
到RTL，你能避免在烏拉圭回合的所有應用程序中使用dir屬性除了菜單仍然有問題需要解決它（離子團隊工作就可以了）。

來源

2017-05-24 10:06:25

如何更改dir =「ltr」爲html標記中的rtl或index.html ionic2中的ion-app標記？

回答

相關問題