JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.0.min.js"></script>
<div ng-app="myApp">
<div ng-controller="listdata">
<input type="text" data-id="id" ng-model="itemList.input1" ng-change="editItem()">
<input type="text" data-id="title" ng-model="itemList.input2" ng-blur="editItem()">
<input type="text" data-id="number" ng-model="itemList.input3" ng-blur="editItem()">
</div>
</div>
JavaScript
var app = angular.module('myApp', [
'my.controllers'
]);
var controllers = angular.module('my.controllers', []);
controllers.controller('MyController', function($scope) {
});
controllers.controller('listdata', function ($scope, $http) {
$scope.itemList = {
input1:'',
input2:'',
input3:''
};
$scope.editItem = function (event) {
console.log( $scope.itemList );
// var fieldTitle = $(event.currentTarget).attr("data-id");
//var fieldValue = event.target.value;
//console.log(fieldTitle + " : " + fieldValue);
};
})