使用角度ng-include时,不会翻译Poedit翻译

时间:2014-03-13 12:10:59

标签: poedit angularjs-ng-include

我希望翻译我的文字,并使用poedit翻译我的文字。 我在ZF2工作。

我确实有我的翻译文件(用poedit创建)。这是有效的。 例如:在此视图示例中,“登录”已翻译。

(1) <a href="#">{{'Sign in' | trans}}</a>

不,我想用ng-include添加登录视图,如下所示:

(2) <div ng-include="'/account/login'"></div>

这也很好,我的登录视图就在那里。

但是:没有一个翻译在这个视图中有效。在登录视图中,这个:

(3) <span>{{ 'Password' | trans }}</span>

未翻译。如果我在(1)之后直接添加(3)代码,则翻译工作。

我的问题是:当我使用ng-include添加其他视图时,如何确保翻译有效?

希望我的问题有道理并且有人知道该怎么做。

谢谢!

1 个答案:

答案 0 :(得分:0)

我找到了解决这个问题的方法。我认为其中一个解决方案就是:

<div ng-controller="LoginCtrl">
   <span>{{ Password }}</span>
</div>

然后在您的LoginCtrl上应该如下所示:

app.controller('LoginCtrl', ['$scope', '$translate', function ($scope, $translate) {
  // expose translation via `$translate` service
  $translate('Password').then(function (password) {
    $scope.Password = password;
  });
}]);

你可以访问这篇文章了解更多信息http://angular-translate.github.io/docs/#/guide/03_using-translate-service#using- $ translate-service_things-to-keep-in-mind