Mettre une valeur du bouton

**L'aigle de Carthage** · 31/03/2014, 16h55

Bonjour à toutes et à tous,

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

Code :

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

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

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.

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

**palnap** · 03/04/2014, 09h37

Bonjour,

Tu ne peux pas utiliser d'interpolation ({{...}}) dans un attribut. Quand l'attribut est une directive, tu peux passer directement en attribut ton expression javascript.

Ici, value n'est pas une directive, tu pourrais utiliser la directive ng-value pour que le bind auto se fasse dans value. Tu ferais

Code :

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

<button ng-value="'VALEUR' | translate" />

Cependant, l'attribut value sert à afficher une valeur de formulaire quand le bouton est cliqué (à récupérer côté serveur). Il me semble plutôt que ce que tu cherches à faire est d'afficher un libellé au bouton. Si c'est le cas, il te suffit de faire :

Code :

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

<button>{{ 'VALEUR' | translate }}</button>

Attention cependant dans l'utilisation de filtres pour faire de l'i18n, les filtres sont gourmands en ressources et tu ne peux pas les utiliser partout (en tout cas pas hors d'une interpolation ou d'une directive).

Mettre une valeur du bouton

AngularJS

Discussions similaires

Partager

Partager