角度翻译不适用于模板

Question

我正在尝试使用 angular-translate 进行本地化，但我遇到了一个问题，它只能在主页上使用。点击链接后，下一页根本没有翻译。

奇怪的是导航栏翻译（位于 index.html 上）仍然可以正确翻译，但 ngview 中的内容没有翻译。其他页面的控制器当前为空。

-App.js
var myApp = angular.module('myApp', ['ngRoute', 'pascalprecht.translate']);

myApp.config(
function ($routeProvider) {
    $routeProvider.
  when('/signup', {
        templateUrl: 'partials/signup.html',
        controller: 'SignUpControllers'
    }).
  otherwise({
        templateUrl: 'partials/home.html'
    });
})
.config(function ($translateProvider) {
$translateProvider.useStaticFilesLoader({
    prefix: '/languages/',
    suffix: '.json'
});
$translateProvider.preferredLanguage('en');
});

我注意到的另一件事是 home.html 上的默认页面内容已正确翻译，但任何其他页面均未正确翻译。

Plunker Example - 示例工作正常

Answer 1

您的设置中存在错误，导致无法正确加载未翻译的路线。来自您的 plunkr：

Error: [ng:areq] Argument 'SignUpControllers' is not a function, got undefined

这表明您没有在模块配置中正确设置SignUpControllers。实际上，您实际上并没有在 plunker 中定义该控制器。