HEADLINE & INTRO_TEXT ne sont pas remplacés

**L'aigle de Carthage** · 13/03/2014, 13h25

Bonjour,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

C'est quoi le problème?

Merci d'avance!

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

Bonsoir,

Je me demande si j'ai une faute lors de l'appel de la librairie AngularJS?

Je sais pas du tout a quoi est due la faute.

**vermine** · 17/03/2014, 09h05

Bonjour,

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

Essaie d'ajouter un langage par défaut :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$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.

**Marco46** · 17/03/2014, 10h31

Pour moi c'est ta déclaration de ng-app qui est incomplète.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**L'aigle de Carthage** · 17/03/2014, 20h57

Bon, j'ai ajouté cette ligne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

HEADLINE
INTRO_TEXT

Toujours pas de traduction ....

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

**Marco46** · 18/03/2014, 01h54

Même en enlevant le 'en' ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

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

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

HEADLINE & INTRO_TEXT ne sont pas remplacés

AngularJS

Discussions similaires

Partager

Partager