Javascript 单击加号，然后重复该部分

我有一个应用程序来输入个人的详细信息，管理员可以一次输入10个人的详细信息，初始屏幕将有一个人的详细信息输入，点击加号后，应显示字段以输入第二个人的详细信息，再次加号应填充以输入第三个人的详细信息

您能推荐angular或jquery代码来执行此操作吗？

使用angular：

<div ng-app="app" ng-controller="MainController">
    <ul>
        <li ng-repeat="person in people">
            <input ng-model="person.name"/>
        </li>
    </ul>
    <button ng-click="new_person()">+</button>
</div>

您可以在li标记中添加更多有关此人的详细信息

---

您可以做如下简单的事情：

$（'#cloneBtn'）。单击（函数（）{
var miniMe=$（'.clone:eq（0）'）.clone（）；//克隆第一节
miniMe.find（'input'，'select'，'radio'，'textarea'）.val（''）；//清除克隆的节内容
$（'#cloneWrapper'）.append（miniMe）；//将克隆添加到dom中
});

名字：

姓氏：
你
code
，我们
建议
@AmitSoni，除了那些回答问题的人，因为他们想向我们展示他们解决问题的能力。然后我们想知道为什么像这样的问题不断地出现在这里。
var app = angular.module('app', []);

app.controller('MainController', function($scope) {
    $scope.people = [
        {name:''}
    ];
    $scope.new_person = function() {
        $scope.people.push({name:''});
    };
});