JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div ng-app>
<div class="container" ng-controller="goalCtrl">
<div class="row">
		<div class="panel panel-primary">
			<div class="panel-heading">
			    <h3 class="panel-title">New Record</h3>
			</div>
		  	<div class="panel-body">
		    	<div class="row">
		    		<div class="col-lg-4">
		    			<div class="form-group">
						    <label for="goalName" class="control-label">Name</label>
						    <input type="text" class="form-control" id="goalName" placeholder="Goal Name" ng-model="goalie__goal__c.Name">
						</div>	
		    		</div>
		    		
		    		
		    		<div class="col-lg-4">
		    			<div class="form-group">
						    <label for="fulfilment" class="control-label">Fulfilment</label>
						    <select class="form-control" id="fulfilment" ng-model="goalie__goal__c.goalie__Fulfilment__c">
								<option selected>Individual</option>
								<option>Public Group</option>
							</select>
						</div>	
		    		</div>
		    	</div>
		    	<div class="row">
		    		<div class="col-lg-12">
		    			<center>
		    				<button class="btn btn-success" ng-click="save()"> Save and add critera</button>
		    				<button class="btn btn-danger" ng-click="cancel()">Cancel</button>
		    			</center>
		    		</div>
		    	</div>
		  	</div>
		</div>
	</div>		
</div></div>

JavaScript

function goalCtrl($scope) {
    $scope.save = function() {
        alert(JSON.stringify($scope.goalie__goal__c));
    }
}