簡體   English   中英

如何將dir =“ ltr”更改為html標簽中的rtl或index.html ionic2中的ion-app標簽?

[英]how to change dir=“ltr” to rtl in html tag or ion-app tag in index.html ionic2?

我正在這樣改變方向

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

除了菜單外,它都工作正常。 但是我現在的問題是<ion-select>因為它仍然在ltr方向上,因為它不在<ion-nav> ,而是在<ion-app><body><html>標記下。 所以我如何才能訪問app.component中的變量以根據所選擇的語言更改index.html中的方向。 或是否有其他方法。

我要做的是將CSS文件綁定到組件(帶有裝飾器),並在其中執行

* {
    direction: rtl;
}

編譯時,請向所有標簽添加屬性,例如ng_3590F ,以及在CSS中添加。 這意味着,組件中的所有標記/ ID /類將具有正確的方向。

如果我不清楚,請隨時說!

編輯

要在HTML中使用服務,請在構造函數中執行

constructor(private myService: MyService) {}

在您組件的HTML中,您可以執行

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

更改語言時(例如,偵聽器translate.onLangChange),請寫下此內容

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

它在html標簽中將目錄更改為rtl
並且您可以避免在所有您的應用中使用dir屬性,除非菜單仍存在需要修復的問題(離子團隊正在對此進行修復)。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM