JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="mainCtrl">
  <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>
  </div>

JavaScript

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 = "";


    });


  };


}]);