comment ajouter des champs de saisie de façon dynamique dans angularjs sur cliquez sur le bouton?

Je suis en train de faire un exemple simple dans lequel un champ de saisie et un bouton de terrain à chaque fois qu'un utilisateur clique sur le bouton.

Comment puis-je obtenir le texte du champ de saisie lorsque le bouton nouveau, qui est présent avec champ de saisie, est cliqué?

http://codepen.io/anon/pen/yNLGzx

var app = angular.module('ionicApp',['ionic']);
app.controller('cntr',function($scope){
     $scope.addfield=function(){
       alert("how to add input field dyanmically")
     }

})

Je ne sais pas comment faire cela, dans jQuery, nous pouvons utiliser la fonction append, comme 

$('.addcontend').append('<input \> <button>get input value</button>')

Comment puis-je réaliser cela en utilisant angularjs?

InformationsquelleAutor user944513 | 2015-04-24
  1. 14

    Ce que vous pouvez faire est d'utiliser un tableau pour représenter les entrées puis de parcourir le tableau et le rendre comme

     <div class="addcontend">
   <div ng-repeat="item in inputs">
     <input ng-model="item.value"\> <button>get input value</button>
   </div>
  </div>

    puis

      $scope.inputs = [];
  $scope.addfield=function(){
    $scope.inputs.push({})
  }

    Démo: CodePen

    • merci pour la réponse mais comment obtenir la valeur du champ de saisie qui est généré dynamiquement à partir généré dynamiquement bouton
    • Comment voulez-vous que la valeur?
    • dynamiquement cliquez sur le bouton
    • voir jsfiddle.net/arunpjohny/a92hnfmk/2
    • Comment angulaire faire pour différencier chaque élément.la valeur du reste? Je ne comprends pas ce soin d'expliquer un peu plus s'il vous plaît?
    InformationsquelleAutor Arun P Johny