입력 텍스트에 ng-focus 를 사용하고 싶습니다. 작동하지 않지만 처음에는 오래된 가치를 제공합니다. 컨트롤러의 날짜 필드 값을 사용하여 동적 URL을 만들고 JSON싶습니다. 해당 날짜에 해당 하는 데이터 를 가져 오므로 여기서는 해당 날짜에 해당하는 동적 URL을 생성하고 있으므로 컨트롤러에 날짜가 필요합니다.
한 가지 더, 데모를 따라 fromdatepicker 및 todatepicker 지시문을 사용하고 있습니다. 다른 접근 방식이 있습니까?
Pluker 데모 http://plnkr.co/edit/1KRNBUXyK5O6LNwDS06x?p=preview
HTML
<input ng-model="from_date" ng-focus="changeFromDate()" type="text"/>
Angularjs
app.controller('myCtrl', function($scope) {
$scope.item = ""
$scope.changeFromDate = function() {
$scope.$apply();
alert($scope.item);
}
});
나는 이것이 당신이 달성하려는 것이라고 생각합니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.directive('datepicker', function() {
return {
link: function(scope, element, attrs, ctrl) {
element.datepicker({
inline: true,
dateFormat: 'dd.mm.yy',
onSelect: function(dateText) {
ctrl.$setViewValue(dateText);
}
});
},
require: 'ngModel'
}
});
app.controller('myCtrl', function($scope) {
$scope.todate = "";
$scope.fromdate = "";
$scope.changeDate = function(date) {
alert(date);
}
});
</script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
<p>From Date : <input type="text" datepicker ng-model="fromdate" ng-change="changeDate(fromdate)"/></p>
<p> To Date: <input type="text" datepicker ng-model="todate" ng-change="changeDate(todate)"/></p>
<br />
</div>
</body>
</html>http://plnkr.co/edit/D5sT4WEufLwoMHYxngmA?p=preview
기본적으로 ngChange는 텍스트 입력이 변경 될 때마다 트리거됩니다 ($ setViewValue가 호출 됨).
자세한 내용은 ngModelController 및 ngChange를 참조하십시오.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다