AngularJS – update bind ng-model input value from Jquery Code
In this post we will give you information about AngularJS – update bind ng-model input value from Jquery Code. Hear we will give you detail about AngularJS – update bind ng-model input value from Jquery CodeAnd how to use it also give you demo for it if it is necessary.
Sometimes, we require to set value of input box from js code, But if you bind with ng-model of angular then you can’t set value directly with “val()” of jquery. As Bellow example:
$("#my-name").val('test');
But of you set this way then it will display in your text box layout, but you can’t get from on submit function. So, you have to also trigger input that way AngularJS can get on controller method.
You can see bellow full example that way you can understand how to solve this issue:
Example:
<!DOCTYPE html>
<html>
<head>
<title>AngularJS - update bind ng-model input value from Jquery Code</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<div ng-app="mainApp" ng-controller="myController" id="mainController">
<form name="form" ng-submit="submitForm()">
<input type="text" ng-model="form.name" id="my-name" />
<button type="button" >Change Value</button>
<button type="submit">Submit</button>
</form>
</div>
<script type="text/javascript">
var mainApp = angular.module("mainApp", []);
mainApp.controller('myController', function($scope, $timeout) {
$scope.submitForm = function() {
console.log($scope.form.name);
}
});
</script>
<script type="text/javascript">
$('.change-value').click(function(){
var myInput = $("#my-name");
myInput.val('test');
myInput.trigger('input');
});
</script>
</body>
</html>
Maybe it can help you…
Hope this code and post will helped you for implement AngularJS – update bind ng-model input value from Jquery Code. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs
For More Info See :: laravel And github
PHP - I Can't get the $_POST Values on Ajax Request
In this post we will give you information about PHP - I Can't get the $_POST Values on Ajax Request. Hear we will give you detail about PHP - I Can't get the $_POST Values on Ajax RequestAnd how to use it also give you demo for it if it is necessary.
I want to share this posts with you because when i was working on native PHP and Ajax Post request(Specially AngularJS Post request) at that time i can't get Post value on form submit. That's why i would like to share you this post. I also want to tell you i was working on my Ubuntu 14.04. I did try lot but i can't get value.
At last find stuff to how to solve this issue, i did use "file_get_contents('php://input')" that way i could get POST value in json object and i also decode json value using "json_decode()". So let's try this way :
Example:
$post = file_get_contents('php://input');
$post = json_decode($post);
$sql = "INSERT INTO items (title) VALUES ('".$post->title."')";
$result = $mysqli->query($sql);
Hope this code and post will helped you for implement PHP - I Can't get the $_POST Values on Ajax Request. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs