JSFiddle - React, Tailwind, and code Playground

by madil1548

HTML

<div ng-app="Demo">
    
    <div ng-controller="Hello">
       
        <div my-directive class='directive'></div>
         
    </div>
</div>
<div ng-app="Demo">

JavaScript

var app = angular.module("Demo",[]);


app.directive("myDirective", function(){
    return {
    
 scope: {
            name: '@'
        },
        template: "<div>Name :  {{name}}</div>"+
        "Write your Name : <input type='text' ng-model='name' />"
    };
});

app.controller("Hello",function($scope){
    $scope.name = "Adil";
    $scope.reverseName = function(){
    $scope.name = $scope.name.split('').reverse().join('');
    };
});