angular-翻译不适用于模板

Question

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

奇怪的是导航栏翻译（位于 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

您的设置有误，导致未转换的路由无法正确加载。来自你的朋友：

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

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

angular-翻译不适用于模板

angular-translate not working on templates

angularjs

angular-translate