本文介绍了如何在AngularJS中利用ng-repeat动态创建输入框并进行双向数据绑定。通过监听ng-model的变化，数字转数组方法以及增加、删除按钮操作数组元素，实现动态增删输入框。最后，点击打印按钮将所有输入数据输出到控制台。关键在于维护一个符合格式要求的数据数组。
这次来些稍微复杂点的功能需求：
1、在info旁边的输入框中输入数字，根据数字的多少来动态显示这部分输入框；
其中，check部分的输入框初始是没有的（当然，也可以有！）；
2、每点击一次增加按钮，下方就出现一行输入框；
3、当点击删除按钮，即删除对应行的输入框；
4、点击打印按钮，收集所有数据，并打印到控制台中；
===========================================================================
实现的思路：
也是通过维护数组的方式来实现！
1、双向数据绑定info的输入框，并给这个输入框配上ng-change。表示，当输入框的值发生变化后，去执行指定的方法；
注：
a、angularjs中貌似没有直接遍历数字的方法，所以要自己写一个数字转数组的方法；
b、当数字由大变小时，一次删除数组后方的数；当数字由小变大的时候，不要直接清空数组，这样就避免之前输入的信息得到保留；
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
