AngularJS模型跟踪?

时间:2016-04-09 22:24:06

标签: javascript angularjs



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>
&#13;
&#13;
&#13;

我有一个角度变量,声明如下:

$scope.var = 1;

和模特:

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

因此,当我输入4时,应用程序正在正常解释数字,但如果我在函数send中引用$ scope.var作为示例:

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

结果我得到1;

为什么我没有4?

1 个答案:

答案 0 :(得分:1)

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

$scope.var = {
num: ""
}

然后在输入标记

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

这应该可以正常工作