입력 필드에서 ng-model을 사용하는 각도가 null입니다.

Question

ng-model을 사용하여보기에서 컨트롤러로 값을 전달하는 방법을 알고 있습니다. 컨트롤러에서이 코드를 사용하여 뷰에서 값을 얻습니다. $scope.name = this.ngmodelnameinview.

필드보기에 ng-model을 사용해야합니까?

내 문제는 지금, 나는 + 버튼을 클릭하면 버튼을 누르면 입력 텍스트 필드에 값이 자동으로 입력됩니다.

<button data-ng-click="adultCount = adultCount+1"> + </button> 
<input type="text" name="totTicket" value="{{adultCount}}"> 

참조 아래 그림 :

하지만 입력 필드 내에서 ng-model를 추가 할 때, 그것은 null

<input type="text" name="totTicket" value="{{adultCount}}" ng-model="adultcount"> 

방법이 문제를 해결하기 위해 반환? 감사!

Answer 1

값을 "adultCount"로 설정하고 ng-model에서 "adultcount"라는 다른 이름을 지정했기 때문에 null이 제공됩니다 ('c'는 소문자 임). "adultCount"로 ng-model을 업데이트하면이 문제가 해결됩니다.

Answer 2

자바 스크립트는 대소 문자를 구분 :

자바 스크립트는 대소 문자를 구분하고 유니 코드 문자 집합을 사용합니다. ¹

사용 범위 변수에 대해 동일한 경우.

<input type="text" name="totTicket" value="{{adultCount}}" ng-model="adultcount"> 

가 있어야한다 :

angular.module('app', []) 
 
.controller('ctrl', function($scope) { 
 
    //adultCount could be initialized here 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<button data-ng-click="adultCount = adultCount+1"> + </button> 
 
totTicket: 
 
<input type="text" name="totTicket" value="{{adultCount}}"> 
 
totTicket (adultCount): 
 
<input type="text" name="totTicket" value="{{adultCount}}" ng-model="adultCount"> 
 
</div>

:

<input type="text" name="totTicket" value="{{adultCount}}" ng-model="adultCount"> 
<!--                 ^ --> 

이 아래의 코드에서 보여보기 - 즉, 입력은 varible에 맞게 ng-model 속성 업데이트 -

¹이 문제를 해결하는 경우 _{https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types}