JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/ng-template" id="/form.html">
    <div style="border: 1px solid red; padding: 5px;">
        <form name="myForm">
            <input type="text" ng-model="$parent.value" placeholder="Enter any value" ng-required="true" />
            
            <input type="button" value="Submit Button" ng-disabled="myForm.$invalid" />
        </form>
        <p>
            <strong>You typed: </strong>{{value}}<br />
            <strong>Form invalid (ngInclude)?:</strong> {{myForm.$invalid}}
        </p>
    </div>
</script>

<div style="border: 1px solid blue; padding: 5px;">
    <div ng-include src="'/form.html'"></div>
    
    <p>
        <strong>You typed: </strong>{{value}}<br />
        <strong>Form invalid? (parent scope):</strong> {{myForm.$invalid}}
    </p>
    
    <input type="button" value="Submit Button" ng-disabled="myForm.$invalid" />
</div>

JavaScript

var myApp = angular.module('myApp', []);