AngularJS Sélectionnez une autre option et obtenir la valeur de la textbox

Utilisant AngularJS j'ai une liste de choix de l'option et une option "New". Ce que j'essaie de faire, c'est que lorsque l'option "New" est choisi, il va afficher une zone de texte pour ajouter une nouvelle valeur.

<select ng-model="group.name" ng-options="bl.Name for bl in Groups" >
      <option value="VALUE FROM TEXT BOX">New</option>
</select> 

<div class="col-md-4" ng-show="WHEN NEW OPTION IS Chosen ">
<input class="text-box" type="text" name="NewValue" ng-model="group.name" />
</div>

OriginalL'auteur Muffin | 2014-07-16

  1. 4

    Vous pouvez essayer comme ceci

    Travail Démo

    <div ng-app='myApp' ng-controller="ArrayController">
    <select ng-model="group.name" ng-options="Group.Name for Group in Groups"></select>
    <div class="col-md-4" ng-show="group.name.Value == 'new'">
        <input class="text-box" type="text" name="NewValue" ng-model="newValue" />
        <button ng-click="add(newValue)">Add</button>
    </div>
</div>
    Désolé pour la confusion, mais "de la VALEUR à PARTIR de la ZONE de TEXTE" signifie qu'Il va obtenir la valeur de zone de texte pour le groupe.nom de ng-model. Il est juste comme n'importe quel autre liste déroulante où vous avez une autre option pour ajouter une nouvelle valeur. Et de la zone de texte s'affiche pour ajouter une nouvelle valeur.
    Je ne suis pas vous..... cochez cette jsfiddle.net/h4YRg/5
    lorsque la nouvelle option est sélectionnée dans la liste déroulante, vous souhaitez que le champ de texte à afficher, et vous voulez ajouter une nouvelle option pour la sélectionner , ai-je le droit
    Oui. pour regarder le groupe.nom de la valeur, veuillez cocher cette {{groupe.name}} il ne change pas avec le champ de texte de la valeur de votre solution
    vérifier et laissez-moi savoir si ce que vous voulez jsfiddle.net/h4YRg/6

    OriginalL'auteur Nidhish Krishnan

  2. 0

    La montre juste pour l'élément sélectionné change:

    $scope.displayDiv = false;
$scope.newval = 'newval';
$scope.$watch('group.name', function(newval, oldval) {
    if (newval == $scope.newval) {
         $scope.displayDiv = true;
    }

}

    et pour le HTML :

    <div class="col-md-4" ng-show="displayDiv">

    OriginalL'auteur Ben Diamant

  3. 0

    Voici un exemple de travail.
    D'abord nous avons mis en place nos options et d'entrée. 

    <select ng-model="curopt" 
        ng-options="option.name for option in options">
</select>
<input type="text" ng-model="newopt" 
       ng-show="curopt.name == 'New'" 
       ng-keypress="newOption($event)">

    La ng-show option pour notre entrée est liée au nom de l'option actuellement sélectionnée. Nous ajoutons également un ng-pression de touche de la directive afin de nous permettre de gérer la touche enter enfoncée.

    Maintenant au contrôleur...

    $scope.newOption = function(event) {
  if (event.which == 13) {
    $scope.options.push({ name : $scope.newopt, value : $scope.newopt });
    $scope.newopt = '';
  }
}

    Parce que notre sélectionnez les options d'entrée est liée à la $scope.options nous pouvons simplement ajouter notre saisies de texte valeur de la matrice et angulaire va gérer la mise à jour pour nous en raison de la liaison de données.

    Merci pour votre réponse. Mais Est-il possible que lors de l'insertion d'une nouvelle valeur, il est sélectionné automatiquement.

    OriginalL'auteur user2882597