Affichage d'une valeur lié au modèle

Bonsoir,

j'essaie de récupérer la valeur d'un sélect afin de l'afficher, ce qui parait tout bête à priori, mais sans succès.

Voilà ce que j'ai tenté pour le moment:

Controler

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

var myApp = angular.module('myApp', []);   function MyCtrl($scope) { $scope.lines = [{ text: 'Valeur 1'}, { text: 'Valeur 2'}];   $scope.affiche = function(){ return $scope.line.text; }; }

---

Vue

Code:

---

1 2 3 4 5 6 7

<div ng-controller="MyCtrl">   <select ng-model="line.text" ng-options="line as line.text for line in lines"/>   <span>Vous avez entré <p ng-bind="affiche()"></p> </span>   </div>

---

Je récupère bien les valeurs dans le select, mais le span ne s'affiche pas (je dis bien le span entier et pas juste le p généré dynamiquement par affiche ).

Merci pour votre aide :)

Bonsoir,

Un petit problème de syntaxe je pense au niveau du ng-option

controler

Code:

---

1 2 3 4 5 6 7

<form name="myForm"> <select ng-options="option.text for option in data.availableOptions" ng-model="data.selectedOption"></select> </form> <hr> <span>option = {{data.selectedOption}}</span><br/>

---

template :

Code:

---

1 2 3 4 5 6

$scope.data = { availableOptions: [ {text: 'Valeur 1'}, {text: 'Valeur 2'} ], };

---

Voilà un bon exemple pour faire un select avec angular 1.x

En espérant que ça t'a aidé.

Hi,

merci pour ta réponse, du coup j'ai une autre question en réponse, l'utilisation d'une balise form ici apporte quelque chose ou bien c'était juste pour l'exemple ?

C'est juste pour la forme, je te conseille d'utiliser les forms qui sont pas mal fait. Après, rien ne t'empeche d'utiliser ton select perdu dans la nature :D

Il est recommandé aussi de structurer les datas d'un controller dans un $scope.data.

Après libre à toi de faire ce que tu as envie.