JSFiddle - React, Tailwind, and code Playground

by Michele Marcucci

HTML

<div ng-app="myApp">
    <div ng-controller="FormCtrl1">
        <form name="form1">
            <input type="text" ng-model="firstname" required />
        </form>
        <div ng-controller="FormCtrl2">
            <form name="form2">
                <button type="submit" ng-disabled="form1.$invalid">Save</button>
            </form>
        </div>
    </div>
</div>

JavaScript

angular.module('myApp', [])
.controller('FormCtrl1', ['$scope', function ($scope) {

}])
.controller('FormCtrl2', ['$scope', function ($scope) {

}]);