JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.angularjs.org/1.3.11/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
    <form ng-submit="send()">
        <input type="text" ng-required="true" disabled ng-model="foo" />
        <button type="button" ng-click="setFoo()">Set foo model</button>
        <hr/>
        <div>
            <button type="submit">Send form</button>
        </div>
    </form>
</body>

JavaScript

console.clear();

angular.module("myApp", [])
.controller("myCtrl", ["$scope", function($scope) {
    $scope.setFoo = function() {
    	$scope.foo = "Foo";
    };
    $scope.send = function() {
    	console.log("Sending form");
    };
}]);