JSFiddle - React, Tailwind, and code Playground

by Mayank Dixit

HTML

<div ng-controller="mainCtrl">
    <input type="text" test-bind="sampleData"/>
</div>

JavaScript

angular.module("myApp", [])
.controller("mainCtrl", function($scope){
    $scope.sampleData = "mad"
})
.directive("testBind", function(){
    return{
        restrict: 'A',
        link: function(scope, element, attrs){
            var ua = attrs.testBind;
            
            element.on("blur", function(){
                console.log(scope[ua]);
                scope[ua] = "mayank";
                console.log(scope[ua]);
            });
        }
    }
})