javascript - 在angularjs中动态添加新表单

我是angularjs的新手，但是我想完成的是以下内容。
我有一个图像上传页面，用户可以在其中上传照片和有关照片的一些基本信息，并异步提交数据。

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

我希望他们能够使用“添加其他照片”按钮创建尽可能多的新表单。我知道我如何使用下划线模板在常规javascript中完成此操作，但是在angular中执行此操作的正确方法是什么，每种形式也都使用angularjs指令，因此我也希望能在创建的每种新形式中使用。

感谢您的时间和帮助！

最佳答案

您可以使用简单的ngRepeat处理：

http://jsfiddle.net/f8B68/

的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>

的JavaScript

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