Javascript 在angularjs中动态添加新表单

我是angularjs的新手，但我正在努力实现以下目标。 我有一个图像上传页面，用户可以上传照片和一些关于照片的基本信息，并异步提交数据

我想做的是在同一页上有一个“添加另一张照片”按钮，当用户单击它时，它会在原始表单下显示另一个表单，他们可以添加另一张带有详细信息的照片

我希望他们能够使用“添加另一张照片”按钮创建尽可能多的新表单。我知道如何使用下划线模板在常规javascript中实现这一点，但在angularjs中实现这一点的正确方法是什么，每个表单也使用angularjs指令，我希望在创建的每个新表单中也使用这些指令

---

谢谢你的时间和帮助

您可以通过一个简单的

ngRepeat

来处理这个问题：

HTML

---

您可以通过一个简单的

ngRepeat

：

HTML

---

如果是对象呢？如果是对象呢？

<div ng-app ng-controller="x">
    <form ng-repeat="photo in photoUploads">
        <input type="file">
        <input type="submit">
    </form>
    <input type="button" ng-click="photoUploads.push({id: photoUploads.length + 1})" value="Upload More">{{photoUploads}}</div>

function x($scope) {
    $scope.photoUploads = [{
        id: 1
    }];
}