无法在AngularJS中翻译span中的内容

时间:2017-03-19 08:56:24

标签: javascript html angularjs translation

我尝试为以下行添加翻译

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

我在我的JSON文件中添加了“列出您的财产”和“出售或出租”的翻译。但是当我添加翻译时,它仅显示“列出您的财产”和“出售或出租”文本未显示。

我正在使用以下代码:

<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>

1 个答案:

答案 0 :(得分:1)

您必须使用ngTranslate documentation中显示的翻译键。使用LIST_YOUR_PROPERTY的HTML模板绑定,以便<h3></h3>元素中的值不会被翻译字符串替换。

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