現狀:
我測試的功能,允許用戶選擇一種語言。 但我收到以下錯誤:
TypeError: $translate.use is not a function
我已經看到了SO和其他論壇類似的問題,但他們不是爲我工作。
的代碼:
的配置:
app.config(function($stateProvider, $urlRouterProvider, $translateProvider) {
$translateProvider.useSanitizeValueStrategy('sanitize');
$translateProvider.translations('EN', {
"MY_ACCOUNT": "My account",
"PROJECT_LIST": "Project List",
"SETTINGS": "Settings",
});
$translateProvider.translations("IT", {
"MY_ACCOUNT": "Mio account",
"PROJECT_LIST": "Lista progetti",
"SETTINGS": "Impostazioni",
});
$translateProvider.preferredLanguage(window.localStorage['language'] || 'EN');
$translateProvider.fallbackLanguage("EN");
功能:
$scope.select_language = function(language)
{
window.localStorage['language_code'] = language.code;
$translate.use(language.code);
$rootScope.app_language = language.code;
}
測試:
describe('App tests', function() {
beforeEach(module('my_app.controllers'));
beforeEach(inject(function(_$controller_, _$rootScope_)
{
$controller = _$controller_;
$rootScope = _$rootScope_;
$scope = _$rootScope_.$new();
$translate = {};
var controller = $controller('MainCtrl', { $scope: $scope, $rootScope: $rootScope, $translate: $translate });
}));
describe('Language tests', function()
{
it('should properly load select_language function', function()
{
$scope.select_language({ name: "italiano", url: "img/italy.png", code: "IT"});
expect($rootScope.app_language).toEqual("IT");
});
});
問題:
爲什麼我收到這個錯誤?
如何正確測試$ translate.use?
瓦您是否注入'$ translate'?對我來說,它看起來像翻譯是'{}'沒有'.use'方法 – maurycy
我怎樣才能正確地注入它? – johnnyfittizio
同樣的方式你注入'$控制器'或'$ rootScope' – maurycy