javascript - 如何使用 HTML5 输入类型 'number' 在 angularjs 中制作小时和分钟选择器

Question

因此每当用户以分钟输入类型达到 60 时，小时的值应递增 1，分钟计数器应变为 0；

这是我的代码，在这个小时内值递增，但分钟值不会再次重置为 0。我在这方面做错了什么？或者有更好的方法吗？

查看:

<input type="number" ng-model="hoursValue">
<input type="number" ng-model="minuteValue" max="60" ng-change="callFunction(minuteValue)">

Controller :

$scope.hoursValue=0;
$scope.minuteValue=1;
  $scope.callFunction=function(minuteValue){

  if(minuteValue==60)
  {

    $scope.hoursValue= $scope.hoursValue+1;
    $scope.minuteValue=1
  }

}

Answer 1

$scope 已经绑定(bind)了值，不需要在函数中传递值。删除 callFunction 中的“minuteValue”。

<input type="number" ng-model="minuteValue" max="60" ng-chagne="callFunction()"> 

$scope.callFunction =function() { if($scope.minuteValue== 60){ $scope.hoursValue= $scope.hoursValue+1; $scope.minuteValue=1;} }