Модель формы AngularJs не отправляется через Ajax

Question

Я не могу получить значения формы, переданной через ajax. Я использовал угловую модель. Пожалуйста помоги. Мои коды ниже.

для hmtl:

<form role="form" ng-submit="submit_new_rpo(new_rpo)">
              <div class="box-body">    
                <table class="table table-striped"> 
                  <tbody> 
                    <tr>
                      <td>RPO# :
                     <input type="text" 
                       class="form-control" ng-model="new_rpo.po_number" required="required">
                     </td>  

                    </tr>

              </div>
              <div class="box-footer">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div> 
            </form> 

Ajax:

$scope.submit_new_rpo=function(rpo)
    {  

      $http({
                method : "POST",
                  url : burl + "po/insert_po_manual" 
                  ,data:{"rpo":rpo}
              }).then(function(response){ 
                  alert(response.data);
              }, function myError(response) {
                  $scope.err_content=response.data;
                });
    }

php

public function insert_po_manual()
    {

        $params = json_decode(file_get_contents('php://input'),true);
        if(!isset($params))
        {
            show_404();
        }

        echo $params['rpo']['po_number'];
    }

Я получаю пустой массив в моемсервер. Я использовал код в других модулях, и он работает. Но на этот раз я не знаю, почему я получаю пустые значения.