如何添加 angular 翻译成 angular material 选项卡?
How to add angular translate to angular material tab?
我目前正在开发一个支持两种语言的网站。 Angular translate 在我的整个网站上工作正常,但我想不出将它应用于 md-tab 的方法。
<md-tab label="Shops Near by">
在我的 translateProvider.translations() 中,我有一个变量 SHOPS_NEAR_BY 及其对两种语言的翻译。在正常情况下,我可以使用类似的东西:
<span translate="SHOPS_NEAR_BY ">
and translate 将在需要时更改值。
有人可以帮我解决如何为 md-tab 应用相同的问题吗?
以下应该有效:
<md-tab label="{{'SHOPS_NEAR_BY' | translate}}">
如果它仍然没有显示翻译,那么你必须异步加载那些。因此,在解决 $translate.use(/lang)
调用 $translate()
之后。为避免闪烁翻译键和值,您可以使用 translate-cloak
指令。
translate-cloak detail Example
检查此 github discussion 是否有类似问题
我目前正在开发一个支持两种语言的网站。 Angular translate 在我的整个网站上工作正常,但我想不出将它应用于 md-tab 的方法。
<md-tab label="Shops Near by">
在我的 translateProvider.translations() 中,我有一个变量 SHOPS_NEAR_BY 及其对两种语言的翻译。在正常情况下,我可以使用类似的东西:
<span translate="SHOPS_NEAR_BY ">
and translate 将在需要时更改值。
有人可以帮我解决如何为 md-tab 应用相同的问题吗?
以下应该有效:
<md-tab label="{{'SHOPS_NEAR_BY' | translate}}">
如果它仍然没有显示翻译,那么你必须异步加载那些。因此,在解决 $translate.use(/lang)
调用 $translate()
之后。为避免闪烁翻译键和值,您可以使用 translate-cloak
指令。
translate-cloak detail Example
检查此 github discussion 是否有类似问题