JSFiddle - React, Tailwind, and code Playground

HTML

<form name="form" novalidate ng-app="myapp">
    <input type="text" name="myfield" ng-model="myfield" required />{{myfield}} <span ng-show="form.myfield.$error.required">ERROR MSG WORKING</span> 
    <br>
    <div mydirective FIELD="myfield2" />
</form>

JavaScript

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

myapp.directive('mydirective', function () {
    return {
        restrict: 'A',
        scope: {
            ngModel: '='
        },
        template: '<input type="text" name="FIELD" ng-model="FIELD" required />{{FIELD}}<span ng-show="form.FIELD.$error.required">ERROR MSG NOT WORKING</span>'
    };
});