javascript - AngularJS 模型跟踪？

Question

var ticket = angular.module('ticket', []);

ticket.controller('ticketCtrl', function($scope, $http){
$scope.ticketQty = 1;
  
  
  
  
  $scope.envoyer = function(){


alert('Sending no :'+ $scope.ticketQty);

}
  
  
  });//Ctrl

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="ticket" ng-controller="ticketCtrl">
    <input ng-model="ticketQty" type="number" class="form-control" size="5">
  
  <button ng-click="envoyer()" type="button" class="btn btn-primary">Envoyer</button>
</div>

我有一个 Angular 变量，其声明如下:

$scope.var = 1;

和模型:

<input ng-model="var" type="number" class="form-control">

因此，当我输入 4 时，应用程序可以正常解释该数字，但如果我在函数发送中引用 $scope.var ，例如:

$scope.send = function(){
alert($scope.var);
}

结果是 1；

为什么我没有得到 4？

Answer 1

尝试将其包装在像这样的对象内

$scope.var = {
num: ""
}

然后在输入标签中像这样使用它

<input ng-model="var.num" type="number" class="form-control">

这应该可以正常工作