Угловая, использующая ng-модель в поле ввода, получает нуль

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

Он дает null только потому, что вы установили значение «adultCount», а в ng-модели вы дали другое имя «adultcount» («c» в нижнем регистре). Обновив ng-модель с помощью «adultCount», вы решите эту проблему.

Answer 2

JavaScript чувствителен к регистру:

JavaScript чувствителен к регистру и использует набор символов Unicode. ¹

Используйте тот же случай для переменной области действия. Обновление ввода атрибута ng-model, чтобы соответствовать varible - то есть:

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

должно быть:

<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>

-

_{https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Grammar_and_types}