gpt4 book ai didi

javascript - Angular js : How to prevent ng-change triggered after loading the page when ng-change connected to a datepicker input?

转载 作者:行者123 更新时间:2023-11-28 04:54:21 26 4
gpt4 key购买 nike

我在这里遇到一些关于带有 ng-change 指令的日期选择器输入的问题。似乎在加载页面时会触发更改,因为日期选择器位于 js 文档就绪函数内。如果可能的话我怎样才能防止这种情况?谢谢

index.html:

<input 
id="birthDate"
style="width:250px;"
class="form-control"
type="text"
ng-model="data.birth_date"
ng-change="postHelloWorld()"
/>


$(document).ready(function() {
$('#birthDate').datepicker({
format : 'yyyy-mm-dd'
});
})

Controller :

 $scope.postHelloWorld = function() {

alert('hello World!');

}

这里的问题是页面加载后始终显示警报。

最佳答案

我在这里更新您的代码。它对我有用。请检查一下哪里出错了。

<html ng-app="myApp">

<body ng-controller="sampleCtrl">

<input
id="birthDate"
style="width:250px;"
class="form-control"
type="text"
ng-model="data.birth_date"
ng-change="postHelloWorld()" />
</body>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
$(document).ready(function() {
$('#birthDate').datepicker({
format : 'yyyy-mm-dd'
});
})

var app = angular.module('myApp', []);
app.controller('sampleCtrl', function($scope) {
$scope.postHelloWorld = function(){
alert("Hello World " + $scope.data.birth_date);
}
});
</script>
</html>

关于javascript - Angular js : How to prevent ng-change triggered after loading the page when ng-change connected to a datepicker input?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42664929/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com