Discussion :

[Hippocrène]

Bonjour,

je ne sais pas si ce que je demande est réalisable, je n’ai vu qu’un tutoriel en parlant sur internet (mais pas en AngularJS), ni si le terme « dynamique » est approprié.

Je possède un formulaire composés de balises « select ». Je peux récupérer la valeur sélectionnée grâce à

Code :

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

console.log($scope.site);

Mon problème est que je peux l’afficher avec un système de ng-change, mais pas à partir d’une variable javascript.

J’aimerais combiner ces bouts de code*:

Code javascript :

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

1
2
3
4
$scope.texte = console.log($scope.site);
//ou
//var variable = console.log($scope.site); 
//$scope.texte = variable;

Code html :

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

1
2
3
<div>
  {{ texte }}
 </div>

pour voir affiché le résultat de ce que j’ai sélectionné, simplement pour vérifier la valeur de la variable (puis l’utiliser après).

[thedarkneo60]

Bonjour,

Tu peux faire :

Code :

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

1
2
 
<div>{{site}}</div>

ou

Code :

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

1
2
 
<div ng-bind="site"></div>

[Hippocrène]

Merci de ta réponse, mais je n’ai aucun résultat.

ici mon formulaire :

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
<form>
   <select name="site" ng-model="selectedRequest.site" ng-options="site.name for site in option" required></select>
</form>
 
<!--<div>
  {{site}}
 </div>
 
<div ng-bind="site">
 </div> -->
 
<div ng-bind="site">
  {{site}}
 </div>

J’ai aussi essayé avec site.name…

[thedarkneo60]

Je pense qu'avec ces modifications ça devrait mieux marcher.

Code :

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

1
2
3
4
5
6
7
8

<form>
   <select name="site" ng-model="selectedRequest.site" ng-options="site.name for site in option" required></select>
</form>

<div ng-bind="selectedRequest.site">
 </div>

[Hippocrène]

En effet, cela fonctionne.

Mais ce n’est pas totalement ce dont j’ai besoin. J’aimerais pouvoir attribuer cette valeur à une variable contenue dans mon contrôleur.

Comme ça :

Code javascript :

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

1
2
var variable = selectedRequest.site;
      $scope.texte = variable;

Mais ce code ne fonctionne pas du tout (il fait même mettre tout le code en échec).

[thedarkneo60]

Tu peux récupèrer la valeur depuis le scope.

var site= $scope.selectedRequest.site;

[Hippocrène]

En utilisant cette méthode,

Code :

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

$scope.texte = $scope.selectedRequest.site;

{{texte}} n’affiche rien.

[thedarkneo60]

As-tu bien mis le $scope.texte =$scope.selectedRequest.site dans une fonction?
Cette fonction est appelée lors d'un changement sur le select (utilisation de l'attribut ng-change)?

[Hippocrène]

Oui, ça je l’ai déjà fait, je ne l’ai pas mis (j’aurais dû), mais j’ai ce code-ci (en plus du reste):

Code html :

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

1
2
 
 <div ng-change="update()">{{ selectedRequest.site.name }}</div>

Code javascript :

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

1
2
3
4
5
6
7
$scope.selectedRequest = {};
      $scope.selectedRequest.option = $scope.option[0];
 
 
      $scope.update = function () {
        console.log($scope.site)
      }

Et ce code ne m’affiche pas la variable $scope.texte, qui elle, n’est pas dans une fonction.

Code javascript :

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

1
2
var variable = $scope.selectedRequest.site;
       $scope.texte = $scope.selectedRequest.site;

[thedarkneo60]

L'attribut ng-change devrait être sur ton select. Il faut mettre aussi le code $scope.texte = $scope.selectedRequest.site dans la fonction update.

Comme ça à chaque changement sur ton select, la valeur de ta variable $scope.texte change.

[Hippocrène]

Ah, merci :) En effet, c’était bien le schéma de ng-change qui était en cause.

Je pense que mon problème est résolu maintenant :)