Créer une variable « dynamique » ?

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:

---

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:

---

1 2 3 4

$scope.texte = console.log($scope.site); //ou //var variable = console.log($scope.site); //$scope.texte = variable;

---

Code:

---

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

Bonjour,

Tu peux faire :

Code:

---

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

---

ou

Code:

---

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

---

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

ici mon formulaire :

Code:

---

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…

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

Code:

---

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>

---

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:

---

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

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

var site= $scope.selectedRequest.site;

En utilisant cette méthode,

Code:

---

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

---

{{texte}} n’affiche rien.

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)?

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:

---

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

---

Code:

---

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:

---

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

---

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.

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