[英]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.