JSFiddle - React, Tailwind, and code Playground

by Alborz mgm

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
    <div  data-ng-app="app">
        <panel1>
            <panel>
                <input type="text" ng-model="firstName" />{{firstName}}
            </panel>
        </panel1>
    </div>

JavaScript

var app = angular.module('app', []);
        app.directive('panel', function ($compile) {
            return {
                restrict: "E",
                replace: true,
                transclude: true,
                template: "<div ng-transclude >fsafsafasdf</div>",
                link: function (scope, elem, attrs) {
                }
            }
        });
        app.directive('panel1', function ($compile) {
            return {
                restrict: "E",
                transclude: 'element',
                compile: function (element, attr, linker) {
                    return function (scope, element, attr) {
                        var parent = element.parent();
                        linker(scope, function (clone) {
                            parent.prepend($compile(clone.children()[0])(scope));
                        });
                    };
                }
            }
        });