<div ng-app="myapp" >
<div ng-controller="myCtrl" ng-init="email='<?php echo "kashfi@gmail.com"; ?>'" >
<input ng-model="listname" type="text" placeholder="New List Name" class="inputy-smart" >
<button ng-click="addListName()" class="btn btn-primary btn-sm" >Add</button>
{{listadded}}

</div>
</div>

 var app = angular.module("myapp",[]);
  app.controller("myCtrl",function($scope,$http) {
      $scope.addListName=function() {
          $http.post(
          "practicephp.php",
          {'category':'todo','user-email': $scope.email, 'listName':$scope.listname}
          ).then(function(response) {
              $scope.listadded = response.data;

          });
      };
  });

$userdata = json_decode(file_get_contents("php://input"));
// validating & sanitizing data with function...
function check_data($data) {
    $data = trim($data);
    $data = stripslashes($data);
    $data = htmlspecialchars($data);
    return $data;

}
if(count($userdata) > 0 ) {

        $todo_list = check_data($userdata->listName);
        $category = check_data($userdata->category);
        $user_email = check_data($userdata->user-email);


        //Insert Data to database...
        $todolists = $connect->query("INSERT INTO userlists (user_email,list_category,list_name) VALUES ('$user_email','$category','$todo_list')");
        if($todolists)  {
            echo "Name Inserted";
        }else {
            echo "Error";
        }

}