JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="Controller">
    <g-text label="E-mail" property="email" placeholder="Enter some e-mail"></g-text>
    </div>
    
  
</div>

JavaScript

var app=angular.module('app', [])
  app.controller('Controller', ['$scope',
    function($scope) {
      $scope.name = "André Pena";
      $scope.email = "andrerpena@gmail.com"
      console.log($scope.email);
    }
  ])
 app.directive('gText', function($compile) {
    return {
      restrict: 'E',
      scope:{info:"=property"},
        
      link: function(scope, element, attrs) {
      
        var input = angular.element("<input/>");
        input.attr("type", "text");
          
       
        input.attr("placeholder", attrs.placeholder);
        input.attr("value",scope.info);
          
            var linkFn = $compile(input);
            var content = linkFn(scope);
            element.append(content);
             

      }
    };
  });