angularjs에 새로운 양식을 동적으로 추가합니다.

Question

저는 angularjs를 처음 사용하지만, 다음을 수행하려고합니다. 사용자가 사진 및 사진에 대한 기본 정보를 업로드하고 비동기 적으로 데이터를 제출할 수있는 이미지 업로드 페이지가 있습니다.

내가 원하는 것은 동일한 페이지에 "다른 사진 추가"버튼이 있고 사용자가 그것을 클릭하면 원본 양식 아래에 다른 양식이 표시되고 세부 사항이있는 다른 사진을 추가 할 수 있습니다.

"다른 사진 추가"버튼을 사용하여 원하는만큼 많은 새로운 양식을 만들 수 있기를 바랍니다. 나는 정규식 자바 스크립트에서 밑줄 템플릿을 사용하여 이것을 수행 할 수있는 방법을 알고 있지만 각형에서이 작업을 수행하는 올바른 방법은 각 폼 또한 생성 된 모든 새로운 양식에서 작동하려는 angularjs 지시문을 사용하고 있습니다.

시간과 도움에 감사드립니다! 당신은 간단한 ngRepeat와 그것을 처리 할 수 ​​

Answer 1

:

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> 

자바 스크립트

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