У меня простая форма (сводится к фактической форме для демонстрации проблемы):
<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. чтобы ссылаться на данные в модели, я в тупике.
Кто-нибудь получил предложение?
вы использовали ngModel
вместо ng-model
поэтому вы должны использовать
ng-model="currentChild.annualCollegeExpense"
вместо
ngModel="currentChild.annualCollegeExpense"
использование
<input type="text" name="annualCollegeExpense" class="form-control" ng-model="currentChild.annualCollegeExpense" />