JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">

		<form name="saveTemplateData" action="#" ng-controller="FormCtrl" ng-submit="submitForm()">

			First name:    <br/><input type="text" ng-model="form.firstname">    <br/><br/>
			Email Address: <br/><input type="text" ng-model="form.emailaddress"> <br/><br/>

			<textarea rows="3" cols="25">Describe your reason for submitting this form ... </textarea> 

				<br/><br/>

			<input type="radio" ng-model="form.gender" value="female" />Female ...
			<input type="radio" ng-model="form.gender" value="male" />Male <br/>

				<br/><br/>

			<input type="checkbox" ng-model="form.member" value="true"/> Already a member
			<input type="checkbox" ng-model="form.member" value="false"/> Not a member

				<br/><br/>

			<input type="file" ng-model="form.file_profile" id="file_profile"><br/>
			<input type="file" ng-model="form.file_avatar" id="file_avatar">

				<br/><br/>

			<!-- <button ng-click="save()" >Save</button> -->
			<input type="submit" ngClick="Submit" >

		</form>

	</div>

JavaScript

var app = angular.module('myApp', []);
app.controller('FormCtrl', function ($scope, $http) {
    
    var formData = {
        firstname: "default",
        emailaddress: "default",
        gender: "default",
        member: false,
        file_profile: "default",
        file_avatar: "default"
    };

    $scope.save = function() {
        formData = $scope.form;
        console.log (formData);
    };

    $scope.submitForm = function() {
        console.log("posting data....");
        formData = $scope.form;
        console.log(formData);
        //$http.post('form.php', JSON.stringify(data)).success(function(){/*success callback*/});
    };

});