wie hinzufügen von input-Felder dynamisch in angularjs auf den button klicken?

Ich versuche ein einfaches Beispiel, in dem ein Eingabefeld und ein button-Feld jedes mal, wenn ein Benutzer klickt auf den button.

Wie bekomme ich den text aus dem Eingabefeld, wenn die neue Taste, die zusammen mit input Feld geklickt wird?

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")
     }

})

Ich weiß nicht, wie Sie dies tun; in jQuery können wir mit der append-Funktion, wie so 

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

Wie kann ich erreichen, das mit angularjs?

InformationsquelleAutor user944513 | 2015-04-24

  1. 13

    Was Sie tun können, um ein array zu verwenden, um repräsentieren die Eingänge dann in einer Schleife durch das array und machen es wie

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

    dann

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

    Demo: CodePen

    vielen Dank für die Antwort, aber wie man den Wert des input-Feld wird dynamisch generiert aus dynamisch erstellten button
    Wie willst du den Wert?
    aus dynamisch-button klicken
    siehe jsfiddle.net/arunpjohny/a92hnfmk/2
    Wie funktioniert die Winkel-machen zu unterscheiden jedem Gegenstand.Wert von dem rest? Ich verstehe nicht, diese Pflege ein wenig mehr erklären bitte?

    InformationsquelleAutor Arun P Johny

Schreibe einen Kommentar