Javascript 如何在点击按钮时在angularjs中动态添加输入字段?

Javascript 如何在点击按钮时在angularjs中动态添加输入字段?,javascript,angularjs,angularjs-directive,angularjs-scope,Javascript,Angularjs,Angularjs Directive,Angularjs Scope,我试图做一个简单的例子,在这个例子中,每次用户单击按钮时,都会出现一个输入字段和一个按钮字段 单击与输入字段一起出现的新按钮时,如何获取输入字段的文本 我不知道该怎么做;在jQuery中,我们可以使用append函数,如下所示 $('.addcontend').append('<input \> <button>get input value</button>') $('.addcontent').append('get input value')) 如

我试图做一个简单的例子,在这个例子中,每次用户单击按钮时,都会出现一个输入字段和一个按钮字段

单击与输入字段一起出现的新按钮时,如何获取输入字段的文本

我不知道该怎么做;在jQuery中,我们可以使用append函数,如下所示

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

如何使用angularjs实现这一点?

您可以使用一个数组来表示输入,然后在数组中循环并按如下方式渲染它

<div class="addcontend">
  <div ng-repeat="item in inputs">
    <input ng-model="item.value"/> <button ng-click='addfield()'>get input value</button>
  </div>
</div>

演示:

谢谢您的回答,但是如何获取从动态生成的按钮动态生成的输入字段的值?您希望如何获取值?从动态按钮单击angular如何区分每个项目。值与其他值?我不明白,请再解释一下好吗?
<div class="addcontend">
  <div ng-repeat="item in inputs">
    <input ng-model="item.value"/> <button ng-click='addfield()'>get input value</button>
  </div>
</div>
  $scope.inputs = [];
  $scope.addfield=function(){
    $scope.inputs.push({})
  }