Wsrtjtyk

I'm building an angularjs application and got stuck with the message return while posting login data.

I have my login form HTML as follows

<form name="loginfrm">



<div class="form-group" ng-class="{ 'has-error': (loginfrm.email.$dirty || loginfrm.$submitted) && loginfrm.email.$error.required || loginfrm.email.$error.email, 'has-success' : loginfrm.email.$valid }">



    <label>Email</label>

    <input type="email" name="email" class="form-control" value="loginData..email" ng-model="email" required placeholder="Enter Email Address">

    <p class="help-block" ng-show="(loginfrm.email.$dirty || loginfrm.$submitted) && loginfrm.email.$error.required">

        Email Address is required

    </p>

    <p class="help-block" ng-show="(loginfrm.email.$dirty || loginfrm.$submitted) && loginfrm.email.$error.email">

        Invalid Email Address 

    </p>



</div>



<div class="form-group" ng-class="{ 'has-error': (loginfrm.password.$dirty || loginfrm.$submitted) && loginfrm.password.$error.required || loginfrm.password.$error.minlength || loginfrm.password.$error.maxlength , 'has-success' : loginfrm.password.$valid }">



    <label>Password</label>

    <input ng-readonly="readflag" type="password" name="password" class="form-control" ng-model="password" value="loginData..password" required placeholder="Enter Password">



    <p class="help-block" ng-show="(loginfrm.password.$dirty || loginfrm.$submitted) && loginfrm.password.$error.required">

        Password is required

    </p>



</div>



<div class="form-group">

  <input type="button" ng-click="checkdata()" class="btn btn-danger" ng-disabled="loginfrm.$invalid" value="Login" />

</div>



{{alertMessage}}



</form>

then my angularjs login controller code as follows

app.controller('LoginController', function($scope, $http){

//Function to authenticate

$scope.checkdata = function(){



     var request = $http({

        method: "post",

        url: "/tester.php",

        data: {

            email: $scope.email,

            password: $scope.password

        }

    });



    /* Check whether the HTTP Request is successful or not. */

    request.then(function (data) {

        $scope.alertMessage = "You have login successfully with email " + data;

    });



};



});

then my PHP code as follows

<?php



    $postdata = file_get_contents("php://input");

    $request = json_decode($postdata);

    @$email = $request->email;

    @$password = $request->password;



    $msg = 'Invalid';

    echo $msg;

?>

The problem im facing is that while I click login, the data is posted to the php (I have verified it manually) but the return data shows "[object Object]" instead of displaying the email entered.

Output reference image