Angular Translate与JSON文件无法正常工作

时间:2014-09-10 06:48:37

标签: angularjs angularjs-directive angularjs-scope angular-ui

此处fiddle 附上小提琴,看看我是否已经包含了我的htmlfile.No错误中的所有文件,但在h2标签中,我只看到HEADLINE而不是它的值。我的JSON文件名是locale-en_US.json

Html代码

<div ng-app="app">
<h2 translate='HEADLINE'></h2>
</div>

JS

(function () {
'use strict';

var app = angular.module('app', [
     'pascalprecht.translate'
]);

myApp.config(function ($translateProvider) {
    $translateProvider
            .useStaticFilesLoader({
                prefix: 'locale-',
                suffix: '.json'
            })
            .preferredLanguage('en')
            .fallbackLanguage(['da', 'fr']).useLocalStorage();
});
})();

json文件

{

"HEADLINE":"hI ITS RUNNING FROM JSON"

}

2 个答案:

答案 0 :(得分:0)

我不认为这是你项目中的主要问题,但是由于你没有在那里附加一个json,所以你创建的小提琴无法加载任何json。

答案 1 :(得分:0)

你有一个错字。 我只看到你将 app 定义为变量, myApp 来自哪里?