Discussion :

[Amnael]

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 :

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

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

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

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

[pterrat]

Bonsoir,

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

controler

Code :

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

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 :

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

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

[Amnael]

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 ?

[pterrat]

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

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.