ввод текст не обновляется угловая модели в одном случае, который совпадает с другим в той же форме,

Question

У меня есть простая форма (снижение от фактической формы, чтобы продемонстрировать проблемы):

<pre>Name: {{currentChild.name}}</pre> 
<pre>Annual College Expense: {{currentChild.annualCollegeExpense}}</pre> 
<form name="childForm" novalidate> 
    <div class="form-inline"> 
     <div class="form-group"> 
      <label>Name:</label> 
      <input type="text" name="name" class="form-control" ng-minlength="1" ng-model="currentChild.name" ng-required="true"> 
      <div class="help-block" 
       ng-messages="childForm.name.$error" 
       ng-show="childForm.$submitted || childForm.name.$dirty || (childForm.name.$invalid && childForm.name.$touched)"> 
       <p ng-message="required" ng-hide="childForm.name.$valid">Your name is required.</p> 
       <p ng-message="minlength" ng-hide="childForm.name.$valid">Your name is too short.</p> 
      </div> 
     </div> 
     <div class="form-group"> 
      <label>Annual Expenses:</label> 
      <input type="text" name="annualCollegeExpense" class="form-control" ngModel="currentChild.annualCollegeExpense" /> 
     </div> 
    </div> 
</form> 

Когда я огнь в форме, я вижу ожидаемые данные в прессе в верхней части формы. Когда я ввожу в поле имени, имя в pre изменяется. Когда я печатаю в поле годовых расходов, годовой расход pre не изменяется.

Поскольку они являются ИДЕНТИЧНЫМИ и, как представляется, подчиняются всем обычным правилам модели ng, т. Е. Используют a. чтобы ссылаться на данные в модели, я в тупике.

У кого-нибудь есть предложение?

Answer 1

вы использовали ngModel вместо ng-model, так что вы должны использовать

ng-model="currentChild.annualCollegeExpense" 

вместо

ngModel="currentChild.annualCollegeExpense" 

использование

<input type="text" name="annualCollegeExpense" class="form-control" ng-model="currentChild.annualCollegeExpense" />