Hola comunidad tengo el siguiente codigo en el cual te traduce el idioma de la pantalla dependiendo del idioma que este es tu en este caso español para mi pero no me sale en si me sale el ingles y me deberia salir por default el español alguien sabe que estoy haciendo mal ?
Mi codigo:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>Lovi acabados</title>
<!-- SCRIPT PARA TRADUCIR LA WEB -->
<script data-require="[email protected]" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
<script data-require="[email protected]" data-semver="2.6.0" src="https://cdn.rawgit.com/angular-translate/bower-angular-translate/2.6.0/angular-translate.js"></script>
<script src="script.js"></script>
<!-- -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet"/>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<script type="text/javascript">
$('.tap-target').tapTarget('open');
$('.tap-target').tapTarget('close');
</script>
<style type="text/css">
body{
font-size:20px;
text-align:justify;
margin:0;
padding:0;
}
.nav-wrapper{
background:#ff7334;
}
.nav-content{
background:#0D0D0D;
}
.page-footer{
height:505px;
background:#000000;
}
.contactoinfo{
color:#F2F2F2;
}
.tarjetas{
color:#fff;
}
/*MENU*/
</style>
<body ng-app="theApp" ng-controller="HomeCtrl as ctrl">
<nav class="default" role="navigation">
<div class="nav-wrapper">
<a href="#" class="brand-logo center">Lovi Acabados</a>
<a href="#" data-activates="mobile-demo" class="button-collapse show-on-large"><i class="material-icons">menu</i></a>
<ul class="side-nav">
<li><a href="producto1.html">Adoquin</a></li>
<li><a href="producto2.html">Azulejo</a></li>
<li><a href="producto3.html">Barro</a></li>
<li><a href="producto4.html">Block</a></li>
<li><a href="producto5.html">Cantera</a></li>
<li><a href="producto6.html">Esculturas reducidas</a></li>
<li><a href="producto7.html">Fuentes</a></li>
<li><a href="producto8.html">Granito</a></li>
<li><a href="producto9.html">Iluminación</a></li>
<li><a href="producto10.html">Jacuzzi</a></li>
<li><a href="producto11.html">Ladrillo refractario</a></li>
<li><a href="producto12.html">Mármol</a></li>
<li><a href="producto13.html">Piedras decorativas</a></li>
<li><a href="producto15.html">Piso</a></li>
<li><a href="producto17.html">Sanitarios</a></li>
<li><a href="producto16.html">Tejas</a></li> </ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="producto1.html">Adoquin</a></li>
<li><a href="producto2.html">Azulejo</a></li>
<li><a href="producto3.html">Barro</a></li>
<li><a href="producto4.html">Block</a></li>
<li><a href="producto5.html">Cantera</a></li>
<li><a href="producto6.html">Esculturas reducidas</a></li>
<li><a href="producto7.html">Fuentes</a></li>
<li><a href="producto8.html">Granito</a></li>
<li><a href="producto9.html">Iluminación</a></li>
<li><a href="producto10.html">Jacuzzi</a></li>
<li><a href="producto11.html">Ladrillo refractario</a></li>
<li><a href="producto12.html">Mármol</a></li>
<li><a href="producto13.html">Piedras decorativas</a></li>
<li><a href="producto15.html">Piso</a></li>
<li><a href="producto17.html">Sanitarios</a></li>
<li><a href="producto16.html">Tejas</a></li> </ul>
</ul>
</div>
</nav>
<div id="test1" class="col s12">
<div class="slider">
<ul class="slides">
<li>
<img id="active" src="img/inicio.jpg"> <!-- random image -->
<div class="caption center-align">
<h3>Lovi Acabados</h3>
<h5 class="light grey-text text-lighten-3">{{ 'MESSAGE' | translate }}</h5>
</div>
</li>
<li>
Codigo del Script:
var app = angular.module('theApp', ['pascalprecht.translate']);
app.config(function($translateProvider) {
$translateProvider.translations('en', {
//TITLE: 'Welcome!',
MESSAGE: 'Welcome to lovi Acabados',
en: 'English',
es: 'español'
})
.translations('es', {
//TITLE: 'Bienvenidos a la seccion en español!',
MESSAGE: 'Bienvenidos a Lovi acabados',
en: 'English',
es: 'español'
});
$translateProvider.preferredLanguage('en');
});
app.controller('HomeCtrl', function($translate) {
var ctrl = this;
ctrl.language = 'en';
ctrl.languages = ['en', 'es'];
ctrl.updateLanguage = function() {
$translate.use(ctrl.language);
};
});