如何在按鈕點擊的angularjs中動態添加輸入字段？

Question

我想做一個簡單的例子，其中每次用戶點擊按鈕時輸入字段和按鈕字段。

當點擊與輸入字段一起出現的新按鈕時，如何獲取輸入字段的文本？

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

}) 

我不知道如何做到這一點;在jQuery中我們可以使用append功能，就像這樣

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

我該如何使用angularjs實現這個功能？

Answer 1

你可以做的是通過數組使用數組來表示輸入，則循環，並使其像

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

然後

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

演示：CodePen