角度をクリックした後に角度がリセットされない？

Question

ng-clickを実行してもフォームがリセットされない場合は、正しく処理していますか？

私はちょうど罰金提出することができますが、フォームがリセットされませんが、ここに私のログです：

angular.js：12701 POST http://127.0.0.1:8000/auth/post 500（内部 サーバーエラー）

しかし、私の投稿はうまくいきますが、リセットされません。

jsfiddle

https://jsfiddle.net/2fyynf6p/

main.js

var app = angular.module('eli', [], function($interpolateProvider) { 
    $interpolateProvider.startSymbol('<%'); 
    $interpolateProvider.endSymbol('%>'); 

}); 

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


    $scope.posts = {}; 

    $scope.addPost = function(){ 

     $http.post('/auth/post', { 
      title: $scope.post.title, 
      body: $scope.post.body 

     }).then(function(data, status, headers, config){ 
      $scope.posts.push(data); 
      $scope.postform = ""; 


     }); 


    }; 


}]); 

HTML

  <form name="postform" method="POST" novalidate> 
        {{ csrf_field() }} 
       <div class="form-group"> 
        <label for="post.title">Title</label> 
        <input ng-model="post.title" class="form-control" type="text" name="title" placeholder="Enter a title" required/> 
       </div> 

       <div class="form-group"> 
        <label for="post.title">Post</label> 
        <textarea ng-model="post.body" type="text" class="form-control" name="body" id="" cols="10" rows="5"></textarea> 
       </div> 

       <button id="eli-style-button" ng-click="addPost()" class="btn btn-primary" type="submit">Submit</button> 
      </form> 

Answer 1

はまだスコープ関数内で、これを行うことによってそれを解決しますが、HTTPポストの外。

var app = angular.module('eli', [], function($interpolateProvider) { 
    $interpolateProvider.startSymbol('<%'); 
    $interpolateProvider.endSymbol('%>'); 

}); 

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


    $scope.posts = {}; 

    $scope.addPost = function(){ 

     $http.post('/auth/post', { 
      title: $scope.post.title, 
      body: $scope.post.body 

     }).then(function(data, status, headers, config){ 
      $scope.posts.push(data);  

     }); 

     $scope.post.title = ''; 
     $scope.post.body = ''; 

    }; 


}]); 

Answer 2

はあなたのコードのplunker/codepen /フィドルを作成することができ、この

$scope.addPost = function({ 
$http.post('/auth/post', { 
title: $scope.post.title, 
body: $scope.post.body 
}).then(function(data, status, headers, config) { 
$scope.posts.push(data); 
$scope.post.title = ""; 
$scope.post.body = ""; 
}); 
};