Mettre une valeur du bouton

Bonjour à toutes et à tous,

J'ai commencé à utiliser AngularJS récemment, et j'ai voulu donner une valeur au bouton avec ce code:

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
 
<!DOCTYPE html><!--HTML5 doctype-->
<html ng-app="TestSwitchMenu">
<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>
    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>
  <!--  
    <div id="monlabel"></div>
    <input type="button" value="Switch" onclick="langSwitch();"><br>
	<input id="acc" type="button" value="Acceder"/>
    -->
    <h2>{{ 'HEADLINE' | translate }}</h2>
<p>{{'INTRO_TEXT' | translate }}</p>
    <button value="{{ 'VALEUR' | translate }}"></button>
</body>
</html>

Avec le fichier myangular.js:

Code:

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

Le HEADLINE et le INTRO_TEXT sont affichés correctement, mais le bouton ne prends aucune valeur. :weird:

Avez-vous une idée sur la faute? Merci :roll: