无法翻译 AngularJS 范围内的内容

Question

我尝试为下一行添加翻译

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

我在 JSON file.But 中添加了 "List your property” and "for sale or rent” 的翻译，当我添加翻译时它只显示 "List your property” and "for sale or rent” 文本未显示。

我正在使用以下代码：

<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 中显示的那样使用您的翻译键。为 LIST_YOUR_PROPERTY 使用 HTML 模板绑定，这样 <h3></h3> 元素中的值就不会被翻译字符串替换。

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

无法翻译 AngularJS 范围内的内容

Unable to translate contents in span in AngularJS

html

javascript

translation

angularjs