JSFiddle - React, Tailwind, and code Playground

by Samar Pattanayak

HTML

<div ng-app="app">
<div ng-controller="myController">
  <div >
  <input type="text" ng-model="model1"/></br>
    <input type="text" name={{ban}} age=model1 value="Default One"  my-direc />
  </div>
  
</div>
  
</div>

JavaScript

var app= angular.module("app",[]);
app.controller("myController", function($scope){
	$scope.ban="itself a deMON";
  $scope.model1="f*** you =="
})
app.directive("myDirec", function(){
	return {
  	restrict:"A",
    scope : {
    	name:"@",
      age:"="
    },
    link: function(scope,ele,attr){
    	console.log(ele[0])
    	ele.on("click", function(){
      	console.log(`done ---->>>>>>>  ${attr.name} ----> ${attr.age}`);
        console.log(ele[0])
        attr.$set('value',"Samar value changed");
      })
    }
    //template : '<div  ng-bind="name"> This is my directive content</div>',
    //transclude: true
    
    
  }
})