JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="test">
    <div ng-controller="demo">
        <input type="text" ng-model="uname" testdirective="test"  />{{uname}}
    </div>
</div>

JavaScript

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

app.controller('demo', function ($scope) {
    $scope.uname="test";
})

app.directive('testdirective', function(){
    return{
        require:'ngModel',
        scope:{
            "childer":"=ngModel"
        },
        link:function(scope,el,attrs,ngModel){
            scope.$watch('childer', function(nvalue){
                console.log(nvalue);
            })
            attrs.$observe('childer', function(nvalue){
                console.log(nvalue)
            })
        },
        restrict:"A"
        
    }
    
})