AngularJS : Ng-model Binding Not Updating When Changed With JQuery
Answer :
Angular doesn't know about that change. For this you should call $scope.$digest()
or make the change inside of $scope.$apply()
:
$scope.$apply(function() { // every changes goes here $('#selectedDueDate').val(dateText); });
See this to better understand dirty-checking
UPDATE: Here is an example
Just use;
$('#selectedDueDate').val(dateText).trigger('input');
I have found that if you don't put the variable directly against the scope it updates more reliably.
Try using some "dateObj.selectedDate" and in the controller add the selectedDate to a dateObj object as so:
$scope.dateObj = {selectedDate: new Date()}
This worked for me.
Comments
Post a Comment