angularjs翻译可以';不使用角用户界面路由器?

angularjs翻译可以';不使用角用户界面路由器?,angularjs,Angularjs,我是Angularjs的新手 我想用角度平移 这里是网站 我查阅了它的文档,发现了错误 Uncaught TypeError: Cannot call method 'useStaticFilesLoader' of undefined from remoteApp 这是我的密码 app.js angular.module('remoteApp', ['ui.bootstrap', 'ui.router', 'ngResource', 'truncate', 'pascalpr

我是Angularjs的新手

我想用角度平移

这里是网站

我查阅了它的文档,发现了错误

Uncaught TypeError: Cannot call method 'useStaticFilesLoader' of undefined from remoteApp 
这是我的密码

app.js

angular.module('remoteApp', ['ui.bootstrap', 'ui.router', 'ngResource', 'truncate',    
  'pascalprecht.translate'])
  .config(['$translateProvider', function ($routeProvider, $stateProvider, $urlRouterProvider,      
    $translateProvider) {

$translateProvider.useStaticFilesLoader({
  prefix: 'languange/locale-',
  suffix: '.json'
});

$translateProvider.preferredLanguage('en');
$translateProvider.useLocalStorage();


$stateProvider
.state('index', {
    url: "",
    views: {
        "viewA": {
            templateUrl: "views/main.html",
            controller: 'MainCtrl'
        },
        "viewB": {
            templateUrl: "views/appList.html",
            controller: 'MainCtrl'
        },
        "viewC": {
            templateUrl: "views/appTree.html",
            controller: 'ApptreeCtrl'
        }
    },

})

.state('applicatoion', {
    url: "/applicatoion",
    views: {
        "viewA": {
            templateUrl: "views/main.html",
            controller: 'MainCtrl'
        },
        "viewB": {
            templateUrl: "views/appList.html",
            controller: 'MainCtrl'
        },
        "viewC": {
            templateUrl: "views/appTree.html",
            controller: 'ApptreeCtrl'
        }
    }
})}]);
我不知道


请立即提供帮助,这是您调用.config的方式

config(['$translateProvider', function ($routeProvider, $stateProvider, $urlRouterProvider,      
    $translateProvider) {
    // ...
}]);
.config的参数(依赖项)由AngularJS注入,有两种方法调用config

1-传入一个函数,AngularJS将读取参数名并找到匹配的依赖项。 2-传入一个数组,其中最后一个项是函数,其他项是依赖项的名称,如果使用此方法,AngularJS将不会读取函数的参数名称。它存在的原因是你可以缩小你的代码;因为缩小会更改参数名称,AngularJS使用这些名称查找依赖项

您现在只指定了一个依赖项,
“$translateProvider”
,这意味着传递给函数的第一个参数是translateProvider,而其他参数最终未定义,因为您没有要求更多依赖项

您可以做的是让AngularJS像这样读取您的依赖项名称

config(function ($routeProvider, $stateProvider, $urlRouterProvider, $translateProvider) {
    // ...
});
或者,您可以指定所有依赖项,像这样匹配函数参数列表,允许您(只有在一致地这样做的情况下)缩小代码而不破坏它

config(['$routeProvider', '$stateProvider', '$urlRouterProvider', '$translateProvider',
    function ($routeProvider, $stateProvider, $urlRouterProvider, $translateProvider) {
        // ...
}]);

第一种方式将显示错误“Uncaught error:Unknown provider:$translateLocalStorageProvider,如果您想执行
$translateProvider.useLocalStorage();
您需要自己包含translate本地存储提供程序,这是一个单独的脚本。请参阅第二个错误,创建聊天并显示当前代码?对于$translateProvider.useLocalStorage();我已嵌入“angular translate loader static files.js”更新了聊天;您仍然没有正确调用.config