ng-repeat 내부의 양식으로 생성 된 테이블에서 데이터를 보내는 방법
로비 소 티니
ng-repeat지시문으로 생성 된 테이블이 있습니다 . 각 셀은 편집 가능하며 각 행에는 제출 단추가 있습니다.
제출 버튼은 전체 테이블을 보내는 대신 영향을받는 행의 데이터 만 컨트롤러에 보내야합니다. 그런 다음 컨트롤러는이를 데이터베이스로 보냅니다. 따라서 내 테이블이 크고 행이 많은 경우 전체 테이블 대신 하나의 행을 데이터베이스에 보내는 것을 선호합니다.
대부분의 경우 <form name="myForm" ng-submit="sendMyData()">뷰에서 컨트롤러로 데이터를 보내는 데 사용 하지만이 경우에는 여러 양식 (각 행당 하나씩)이 있습니다.
내 문제는에 의해 생성 된 각 행을 식별하는 방법을 모른다는 것 ng-repeat입니다.
AngularJS Material을 사용하고 있습니다.
알렉산더 크라 베츠
이를 위해 양식이 필요하지 않습니다. 샘플 데이터를 사용하여이를 달성하는 방법을 보여 드리겠습니다.
제어 장치:
app.controller("MyController", function($scope) {
$scope.persons = [
{ id: 1, name: "Bob" },
{ id: 2, name: "Alice" }
];
$scope.submitPerson = function(person) {
// do something to person - send to backend etc...
};
});
전망:
<div ng-controller="MyController">
<table>
<tr ng-repeat="person in persons">
<td>{{person.name}}</td>
<td><button ng-click="submitPerson(person)">Submit</button></td>
</tr>
</table>
</div>
각 행에서 제출 버튼을 클릭하면 개별 사람 개체가 submitPerson컨트롤러 의 함수 로 전달되어 백엔드로 보내거나 다른 작업을 수행 할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
Symfony에서 생성하지 않은 페이지에서 Symfony 양식으로 데이터를 보내는 방법
- 2
Angular ng-repeat는 동적으로 생성 된 배열의 데이터를 바인딩하지 않습니다.
- 3
생성자의 데이터를 양식으로 업데이트하는 방법
- 4
ng-repeat div 내의 테이블에 대한 ng-repeat가 사용자 지정 필터링 된 데이터에서 예상대로 작동하지 않음
- 5
ng-repeat와 함께 ng-model을 사용하여 데이터를 바인딩하는 방법 (양식 내)
- 6
자식에서 부모의 부모로 데이터를 내보내는 방법
- 7
각도 생성 테이블을 데이터베이스에서 csv 형식으로 내보내는 방법은 무엇입니까?
- 8
AngularJS의 ng-repeat를 사용하여 데이터 세트에서 HTML 테이블로 변환 된 JSON 데이터를 바인딩하는 방법은 무엇입니까?
- 9
자식 ng-repeat 내에서 부모 범위 배열 / ng-repeat의 인덱스를 얻는 방법
- 10
AngularJS의 부모에서 자식으로 데이터를 보내는 방법
- 11
동적으로 생성 된 입력에서 양식 데이터를 POST하는 방법은 무엇입니까?
- 12
각도 js에서 다른 테이블 중첩 ng-repeat의 데이터를 표시하는 방법
- 13
Angular에서 [FromForm]으로 장식 된 ASP.NET Core Web API 작업에 양식의 데이터를 보내는 방법은 무엇입니까?
- 14
로그 테이블에서 Oracle의 이메일 본문으로 데이터를 내보내는 방법
- 15
HTML 양식 데이터를 Excel로 내보내는 방법
- 16
TLB에서 생성 된 Delphi 코드를 얻기 위해 C #으로 작성된 인터페이스를 내보내는 방법
- 17
데이터 테이블 개체에서 Excel로 데이터를 내보내는 효율적인 방법
- 18
양식의 입력을 업데이트하는 ng-repeat 내부의 버튼
- 19
양식의 입력을 업데이트하는 ng-repeat 내부의 버튼
- 20
중첩 된 객체를 사용하여 ng-repeat의 데이터를 각도 js의 JSON 데이터로 주문하는 방법
- 21
양식 데이터를 API로 보내는 방법-Windev 24
- 22
Javascript로 양식 데이터를 보내고받는 방법
- 23
ng-repeat 내부의 입력 필드에서 데이터 값을 얻는 방법
- 24
ng-repeat로 생성 된 입력 태그를 계산하는 방법
- 25
생성 된 CSV 파일을 React에서 이메일 첨부 파일로 보내는 방법
- 26
ng-repeat에서 수평으로 데이터를 추가하는 방법
- 27
ng-repeat 내에서 필터를 동적으로 비활성화하는 방법
- 28
MySQL 테이블에서 각 사용자의 데이터 양을 제한하고 가장 오래된 데이터를 자동으로 삭제하는 방법
- 29
MySQL 테이블에서 각 사용자의 데이터 양을 제한하고 가장 오래된 데이터를 자동으로 삭제하는 방법
몇 마디 만하겠습니다