Question

这是我遇到问题的代码：

<input type="text" data-ng-model="TODATE" data-ng-change="setTdate()" name="date" class="form-control datepicker" id="todate"  data-date-container="#cal"  data-provide="datepicker" data-date-format="mm-dd-yyyy" placeholder="mm-dd-yyyy"   />

控制器中的代码：

$scope.setTdate = setTdate;
    function setTdate() 
   { 
     alert("working"); 
   }

我将输入类型用作引导日期选择器的文本，并且想在选择日期时调用一个函数。最初加载页面时，ng-change事件不起作用，但是当我刷新页面时，它工作正常。调试时没有警告或错误。

Answer 1

看看。我认为无需刷新页面即可正常工作。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="myApp">
<div ng-controller="myCtrl">
  <input type="date" ng-change="myFunc()" ng-model="myValue" />
  <p>ng-change triggered {{count}} times.</p>
</div>

<script>
  angular.module('myApp', [])
    .controller('myCtrl', ['$scope', function($scope) {
      $scope.count = 0;
      $scope.myFunc = function() {
        $scope.count++;
      };
    }]);
</script>
</body>
</html>

ng-change最初无法在页面加载中使用，但刷新页面后可以正常运行

1 个答案: