Javascript 如何在点击按钮时在angularjs中动态添加输入字段?
我试图做一个简单的例子,在这个例子中,每次用户单击按钮时,都会出现一个输入字段和一个按钮字段 单击与输入字段一起出现的新按钮时,如何获取输入字段的文本 我不知道该怎么做;在jQuery中,我们可以使用append函数,如下所示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')) 如
$('.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({})
}