JSFiddle - React, Tailwind, and code Playground

by Mayank Dixit

HTML

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

JavaScript

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