angular-translate不适用于模板

时间:2015-08-19 13:03:45

标签: angularjs angular-translate

我正在尝试使用angular-translate进行本地化,但我遇到的问题是它只适用于主页。点击链接后,根本没有翻译下一页。

奇怪的是,导航栏翻译(位于index.html上)仍然可以正常翻译,但ngview中的内容未翻译。另一页的控制器当前是空的。

enter image description here

-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 - 示例正常运行

1 个答案:

答案 0 :(得分:1)

您的设置中出现错误,导致未正确加载的路由无法正确加载。来自你的傻瓜:

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

这表示您尚未在模块配置中正确设置SignUpControllers。实际上,你还没有真正在你的plunker中定义那个控制器。