Question

我想在日期选择器的选择日期之后调用ng-change事件，但是现在这个事件不起作用，并且在控制台中没有出现任何错误，所以如何理解这段代码中的问题。

这是我的html文本框：

<input type="text" class="form-control datepicker" id="txtdate" ng-model="txtdate" ng-change="onChange()"/>

这里是我的angular.js代码：

$scope.onChange = function () {            
       alert('test');
    };

这是我的boostrap日期选择器injecter：

 $(document).ready(function () {
    $('.datepicker').datetimepicker({
        format: 'MMM DD YYYY',            
        icons: {
            time: "fa fa-clock-o",
            date: "fa fa-calendar",
            up: "fa fa-chevron-up",
            down: "fa fa-chevron-down",
            previous: 'fa fa-chevron-left',
            next: 'fa fa-chevron-right',
            today: 'fa fa-screenshot',
            clear: 'fa fa-trash',
            close: 'fa fa-remove'
        }
    });
});

我将ng-controller和ng-app propare放在我的html页面中，但不知道缺少什么，错误在哪里，所以任何人都可以帮助我。

Answer 1

似乎工作正常。检查你的模块和控制器是否正确定义并链接到html文件。

angular.module("app",[])
.controller("ctrl",function($scope){
	 
$scope.onChange = function () {            
       alert('test');
    };
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
<input type="text" class="form-control datepicker" id="txtdate" ng-model="txtdate" ng-change="onChange()"/>
</div>

ng-change事件在angularjs中的日期选择器的文本框上不起作用？

1 个答案: