大写过滤器在角度翻译内不起作用

Question

我正在尝试以大写形式显示按钮的文本。由于涉及本地化，因此将从相应的语言文件中获取按钮文本。语言切换工作正常，但大写转换不行。如果语言文件中 BTN_EDIT 的值为小写文本，则该文本始终以小写形式显示。

 <button ng-click="editUserLoginCreditDetails()" ng-show="editLoginCredentialButton" translate="{{'BTN_EDIT'|uppercase}}"></button> 

Answer 1

翻译指令显然不允许以这种方式使用过滤器。试试这个：

<button ng-click="editUserLoginCreditDetails()" ng-show="editLoginCredentialButton">{{'BTN_EDIT' | translate | uppercase}}</button>

Answer 2

我知道为时已晚，以防万一有人遇到这个问题。要解决这个问题，你必须使用CSS属性

style="text-transform:lowercase;"

，这将解决你的问题。

干杯

Answer 3

如果您可以尝试以下方法：

<button ng-click="editUserLoginCreditDetails()" ng-show="editLoginCredentialButton" translate>{{'BTN_EDIT' | uppercase}}</button>

我希望这会起作用。如果您遇到任何困难，请告诉我。

Answer 4

先将翻译结果括在括号内

{{('BTN_EDIT' | 翻译) |大写}}