2016-12-14 80 views
0

在我的應用我有一段時間english和​​多語言,所以我要調整自動文字的alignment兩種情況下english和​​。離子2對齊文本自動

所以,我怎麼能alignment英語阿拉伯語文本自動例如:

如果我有我的應用程序一個英文文本,我想對齊到左,如果 阿拉伯文字組對齊對我如何可以在 我的應用程序自動執行此操作?

注:從服務器

有關的任何建議得到的文本?

JSON:

{ 
    "error": false, 
    "statusCode": 200, 
    "statusText": "OK", 
    "date": "2016-12-14T13:11:18+00:00", 
    "message": "", 
    "details": [], 
    "list": [ 
     { 
      "id": 117, 
      "parent_id": 0, 
      "subject": "هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها.", 
      "message": "هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها.", 
      "data": null, 
      "type": "normal", 
      "created_at": 1481629305, 
      "updated_at": 1481629305, 
      "typeColor": "#00A65A", 
     }, 
     { 
      "id": 117, 
      "parent_id": 0, 
      "subject": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s", 
      "message": "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s", 
      "data": null, 
      "type": "normal", 
      "created_at": 1481629305, 
      "updated_at": 1481629305, 
      "typeColor": "#00A65A", 
     } 
    ] 
} 
+0

爲什麼不創建一個全局的sass文件來處理全局的語言類型呢? – LeRoy

+0

我已經這樣做了,但從服務器收到的文本我想自動檢測英語或阿拉伯語,並設置對齊方式。 – mahmoudismail

+0

爲什麼不讓服務告訴你它的英文或阿拉伯文?然後從那裏你可以使用CSS來格式化,沒有離子語言檢測 – LeRoy

回答

0

嘗試使用ngclass來實現這一目標

你的CSS

.englisAlign{ 
    text-align: left; 
} 
.arabicAlign{ 
    text-align: right; 
} 

你的HTML

<div [ngClass]="languages ? 'englisAlign' : 'arabicAlign'">{{language }}</div> 

在你的ts文件中根據你的需要languages變真或假

+0

謝謝你的迴應,但從服務器收到的文本,所以我想檢測它,並設置對齊我怎麼能做到這一點? – mahmoudismail

+0

好的給我發送json合成文件 –

+0

我已更新我的問題 – mahmoudismail