숨겨진 입력을 각도로 모델에 바인딩
다음과 같은 양식이 있습니다.
<form name="frmInput">
<input type="hidden" ng-model="record.usersId" value="{{user.userId}}"/>
<input type="hidden" ng-model="record.userNameId" value="{{user.userNameId}}"/>
<label for="fileNo">AccountId</label>
<input id="fileNo" ng-model="record.fileNo" required/>
<label for="madeSad">MadeSad</label>
<input id="madeSad" ng-model="record.madeSadNo" required/>
<button ng-disabled="!frmInput.$valid" ng-click="SaveRecord(record)">Accept</button>
</form>
나는 이해한다record.fileNo
그리고.record.madeSadNo
에SaveRecord
기능하지만, 나는 이해할 수 없다.record.usersId
그리고.record.userNameId
에SaveRecord
기능.
어디서 실수를 하는 걸까요?
숨겨진 입력 값이 정확합니다.
숨김 양식 필드를 갖는 것은 Angular 방식이 아닙니다.모든 범위 변수(양식에 없음)를 숨겨진 변수로 간주할 수 있으므로 숨김 필드는 전혀 필요하지 않습니다.
솔루션에 대해서는, 폼을 송신하는 동안, 오브젝트 「record」에 「user」를 입력해 주세요.
function SaveRecord(){
$scope.record.usersId = $scope.user.userId;
$scope.record.userNameId = $scope.user.userNameId;
http.post(url, $scope.record);
}
참고로 함수를 호출할 때는 변수를 언급할 필요가 없습니다.
<button ng-disabled="!frmInput.$valid" ng-click="saveRecord()">Accept</button>
다음과 같은 것을 사용할 수 있습니다.
<input type="hidden" ng-model="record.usersId" value="{{user.userId}}" ng-init="record.usersId=user.userId"/>
숨김 필드는 이중 바인딩을 지원하지 않습니다.
이것만 사용해 주세요.
<input type="hidden" name="userId" value="{{user.userId}}"/> {{user.userId}}
<input type="hidden" name="UserNameId" value="{{user.userNameId}}"/> {{user.userNameId}}
언급URL : https://stackoverflow.com/questions/20258994/bind-hidden-inputs-to-model-in-angular
'source' 카테고리의 다른 글
빈 문자열을 개체 식별자로 사용할 수 있습니까? (0) | 2023.03.31 |
---|---|
태그 오류: 렌더에서 JSX 스타일 태그 오류 반응 (0) | 2023.03.31 |
Angularjs UI 라우터.로그인 페이지로 리다이렉트하는 방법 (0) | 2023.03.31 |
Wordpress - 루트 디렉토리를 가져오시겠습니까? (0) | 2023.03.31 |
Wordpress를 Django나 Ruby on Rails와 같은 프레임워크로 대체할 수 있습니까? (0) | 2023.03.31 |