title: how to add input fields dynamically in angularjs on button click?
body: <p>I am trying to make a simple example in which an input field and a button field each time a user clicks on button. </p>
  
  <p>How can I get the text of the input field when the new button, which is present along with input field, is clicked?</p>
  
  <p><a href="http://codepen.io/anon/pen/yNLGzx" rel="noreferrer">http://codepen.io/anon/pen/yNLGzx</a></p>
  
  <pre><code>var app = angular.module('ionicApp',['ionic']);
  app.controller('cntr',function($scope){
       $scope.addfield=function(){
         alert("how to add input field dyanmically")
       }
  
  })
  </code></pre>
  
  <p>I don't know how to do this; in jQuery we can use the append function, like so </p>
  
  <pre><code>$('.addcontend').append('&lt;input \&gt; &lt;button&gt;get input value&lt;/button&gt;')
  </code></pre>
  
  <p>How can I acheive this using angularjs?</p>