source

숨겨진 입력을 각도로 모델에 바인딩

manysource 2023. 3. 31. 22:30

숨겨진 입력을 각도로 모델에 바인딩

다음과 같은 양식이 있습니다.

<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.madeSadNoSaveRecord기능하지만, 나는 이해할 수 없다.record.usersId그리고.record.userNameIdSaveRecord기능.

어디서 실수를 하는 걸까요?

숨겨진 입력 값이 정확합니다.

숨김 양식 필드를 갖는 것은 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