HEADLINE & INTRO_TEXT ne sont pas remplacés

Version imprimable

Bonjour,

je fais mes premiers pas avec la librairie AngularJS, j'ai crée:

1- une page myangular.js sous un dossier js:

Code:

1
2
3
4
5
6
7
8
var app = angular.module('TestSwitchMenu', ['pascalprecht.translate']);
 
app.config(function($translateProvider) {
  $translateProvider.translations('en', {
    HEADLINE: 'Hello there, This is my awesome app!',
    INTRO_TEXT: 'And it has i18n support!'
  });
});

2- le fichier index.html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html><!--HTML5 doctype-->
<html ng-app>
<head>
	<title>Your New Application</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
	<style type="text/css">
                /* Prevent copy paste for all elements except text fields */
                *  { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
                input, textarea  { -webkit-user-select:text; }
                body { background-color:white; color:black }
        </style>
	<script src='intelxdk.js'></script>
	<script type="text/javascript">
                /* This code is used to run as soon as Intel activates */
                var onDeviceReady=function(){
                //hide splash screen
                intel.xdk.device.hideSplashScreen();
                };
                document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
        </script>
    <script>
    function langSwitch(){
           
    }
    </script>
    <script src="libs/angular.js"></script>
    <script src="libs/angular-translate.js"></script>
    <script src="js/myangular.js" type="text/javascript"></script>
</head>
<body>
    <h2>{{ 'HEADLINE' | translate }}</h2>
<p>{{'INTRO_TEXT' | translate }}</p>
</body>
</html>

le problème c'est que lors de l'affichage, je reçois toujours

Citation:

C'est à dire que les valeurs HEADLINE + INTRO_TEXT ne sont pas remplacés par leurs valeurs correspondantes. :weird:

C'est quoi le problème? :calim2:

Merci d'avance! :D

15/03/2014, 22h07
L'aigle de Carthage

Bonsoir,

Je me demande si j'ai une faute lors de l'appel de la librairie AngularJS? :roll:
Je sais pas du tout a quoi est due la faute.
17/03/2014, 09h05
vermine

Bonjour,

As-tu bien téléchargé et bien chargé le module ?

Essaie d'ajouter un langage par défaut :

Code:

$translateProvider.preferredLanguage('en')

Il te manque peut-être des instructions. Je pense qu'il y a moyen d'utiliser le module de plusieurs façons.
17/03/2014, 10h31
Marco46
Pour moi c'est ta déclaration de ng-app qui est incomplète.
Code:

1 2 <html ng-app="TestSwitchMenu"></html>
Quand tu as un bug avec Angular c'est une bonne idée d'inspecter la console pour voir si le framework te lève une erreur. On en saurait beaucoup plus avec cette info.

EDIT : Il y a de fortes chances que ce soit ça le problème, si j'enlève la déclaration du module dans le ng-app du jsfiddle d'exemple de la lib ça donne le même problème que chez toi.
17/03/2014, 20h57
L'aigle de Carthage

Bon, j'ai ajouté cette ligne:

Code:

<html ng-app="TestSwitchMenu"></html>

Côté résultat d'exécution, j'ai eu seulement cet affichage:

Citation:

HEADLINE
INTRO_TEXT

Toujours pas de traduction .... :calim2:

Côté console, j'ai rien comme erreurs!

Même en enlevant le 'en' ?

Code:

1
2
3
4
5
6
7
 
app.config(function($translateProvider) {
  $translateProvider.translations({
    HEADLINE: 'Hello there, This is my awesome app!',
    INTRO_TEXT: 'And it has i18n support!'
  });
});

Ou en rajoutant la ligne donnée par Vermine ?

24/03/2014, 09h46
L'aigle de Carthage

;) J'ai enlevé la aligne du "en" et ça a marché! Merci