在Angular应用中显示非英语文本

时间:2018-07-13 06:08:36

标签: angular html5

使用Angular v5,我创建了一个应用程序。在其中一页中,我必须以用户选择的语言_descriptionLang来显示产品说明。描述文本是使用http服务从DB呈现的。

HTML-

<tr *ngFor="let item of productList">
    <td>{{item.productNo}}</td>
    <td *ngIf="_descriptionLang === 'EN'">{{item.description_en}}</td>
    <td *ngIf="_descriptionLang === 'FR'"><span lang="fr">{{item.description_fr}}</span></td>
    <td *ngIf="_descriptionLang === 'GE'"><span lang="de">{{item.description_ge}}</span></td>
    <td *ngIf="_descriptionLang === 'IT'"><span lang="it">{{item.description_it}}</span></td>
    <td *ngIf="_descriptionLang === 'RU'"><span lang="ru">{{item.description_ru}}</span></td>
    <td *ngIf="_descriptionLang === 'SP'"><span lang="es">{{item.description_sp}}</span></td>
</tr>

component.ts-

     searchCombinations(searchInput) {
        this.productService.getProductDetails(searchInput)
          .subscribe(response => {
            this.productList = response.records;
           });
      }

服务响应JSON-

Service Response JSON

上面的代码未显示非英语的desc,并且我在描述栏中为空白。

从英语到所选语言的描述翻译不是我的要求。

有人可以帮我吗?

0 个答案:

没有答案