Question

在我的应用中，我有一段时间english和arabic 多语言，所以我想自动调整 两个案例alignment和english中文字的arabic。

那么我怎样才能alignment 英语和阿拉伯语文字自动 ex：

如果我在我的应用程序中有英文文本，我想要左对齐，如果阿拉伯语文本设置对齐如何我可以自动执行此操作我的申请？

注意：从服务器收到的文字

有关于此的任何建议吗？

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",
        }
    ]
}

Answer 1

尝试使用ngclass来实现这个

你css

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

你的HTML

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

在您的ts文件中

根据您的需要使languages变量为true或false

离子2对齐文本自动

1 个答案: