Angular.js: ng-model은 입력 필드에 값을 보낼 때 업데이트되지 않습니다.

에 만든 2015년 08월 19일 · 3코멘트 · 출처: angular/angular.js

예: 3개의 입력 필드가 있습니다. 첫 번째 및 두 번째 입력 필드의 값이 계산되고 결과가 세 번째 입력 상자에 표시됩니다.

var1 = parseFloat($("#input1").val();
var2 = parseFloat($("#input2").val();
result = var1 + var2;

$("#input3").val(result);

<input type="number" id="input3" name="input3" ng-model="editForm.input3" ng-currency class="form-control input-sm" placeholder="input3">

input3의 양식에서 결과를 볼 수 있지만 모델을 업데이트하려면 어떻게 해야 합니까?

출처

jetta20162

가장 유용한 댓글

이 시도-

$("#input3")
  .val(result)
  .trigger('change')

일반적으로 뷰를 직접 업데이트하는 대신 입력이 바인딩된 모델을 업데이트하고 각도가 뷰에 전달하도록 하고 싶습니다. 후자는 일반적으로 단위 테스트에서만 사용됩니다.

bcherny 에 2015년 08월 19일

🎉3

이 시도-

$("#input3")
  .val(result)
  .trigger('change')

bcherny 에 2015년 08월 19일

🎉3

사실 이것은 Angular 코드처럼 느껴지지 않습니다. Angular에서는 그 반대입니다. 모델을 업데이트하면 변경 사항이 뷰에 반영됩니다. (모델은 진실의 단일 소스입니다.)

따라서 값을 설정하고 모델이 업데이트되기를 기대하는 대신 모델( editForm.input3 )을 업데이트해야 하며 결과적으로 요소의 값이 업데이트됩니다.

gkalpak 에 2015년 08월 19일

이것은 angularJS와 typeahead + bloodhound 통합에 편리했습니다.

irufus 에 2018년 03월 29일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

$index로 추적되는 List와 함께 order by를 사용하면 정렬이 수행되지 않습니다.

piu · 3코멘트

지시문 이름은 잘려야 합니다.

jtorbicki · 3코멘트

bug(ngModel): `$setViewValue`는 적절한 `trigger`로 호출될 때 `$$debounceViewValue`를 호출하지 않습니다.

gkalpak · 3코멘트

부정확 한 원인을 보여주는 오류 : 오류 : [$ compile : ctreq] 'ngClick'지시문에 필요한 컨트롤러 'ngModel'을 찾을 수 없습니다!

cmplank · 3코멘트

Animate 1.2.0 - 애니메이션 .ng-hide-add가 작동하지 않는 것 같습니다.

nosideeffects · 3코멘트