javascript - 无法在 AngularJS 中翻译内容

Question

我尝试为下一行添加翻译

<h3>List your property <span>for sale or rent</span></h3>

我在我的 JSON 文件中添加了“列出你的属性(property)”和“出售或出租”的翻译。但是当我添加翻译时它只显示“列出你的属性(property)”和“出售或出租”文本没有显示。

我正在使用以下代码:

<h3 ng-show="lang == 'es'" 
    ng-click="changeLanguage('en')" 
    translate="LIST_YOUR_PROPERTY">
    <span ng-show="lang == 'es'" 
          ng-click="changeLanguage('en')" 
          translate="FOR_SALE_OR_RENT"></span>
</h3>

Answer 1

您必须像 ngTranslate documentation 中显示的那样使用您的翻译 key .为 LIST_YOUR_PROPERTY 使用 HTML 模板绑定(bind)所以你的值(value)在你的<h3></h3>元素不会被翻译字符串替换。

<h3>{{ 'LIST_YOUR_PROPERTY' | translate }}<span translate="FOR_SALE_OR_RENT"></span></h3>