Question

我正在为Angular项目设置国际化，并且面临以下问题：

我有一个表单页面，用户可以在其中输入基本URL和API密钥以与提供程序执行REST请求。我有一个按钮，用于通过用户通过http get调用输入的API密钥和基本URL测试与该提供程序的连接。我不确定如何本地化显示广告提供者是否成功ping通的消息的span标记。这是我的span标签的代码：

<span class="fd-badge" [class.fd-badge--success]="data?.authenticated" [class.fd-badge--error]="!data?.authenticated">{{data?.authenticated
                    ? 'Connected Successfully': 'Connection Failed'}}</span>

Answer 1

找到了解决我问题的方法。与其使用i18n标签，不如使用https://www.npmjs.com/package/@ngx-translate/core库。更加灵活，更容易应用于各种html元素。

对于span标签本身：

<span>{{(data?.authenticated ? 'successConnection' : 'failConnection') | 
translate}}
</span>

具有动态值的span标签的角度i18n

1 个答案: