JSFiddle - React, Tailwind, and code Playground

by madil1548

HTML

<div ng-app="Demo">
    
    <div ng-controller="Hello">
        <h3 ng-click="reverseName()">Hello Dear {{name}}, Click here to change your name</h3>
        <div my-directive class='directive'></div>
    </div>
</div>
<div ng-app="Demo">

JavaScript

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


app.directive("myDirective", function(){
    return {
    
        scope: true,
        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('');
    };
});