JSFiddle - React, Tailwind, and code Playground

by dkrotts

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/chosen/0.9.11/chosen.jquery.min.js"></script>
<my-directive />

JavaScript

var myApp = angular.module('myApp', []);
angular.element(document).ready(function() {
   angular.bootstrap(document, ['myApp']);
});

myApp.directive('myDirective', function() {
    return {
        restrict: 'E',
        compile: compiler
    }
    
    function compiler(tElement, tAttrs, transcludeFn) {
        console.log("compiling");
        
        var wrapper = angular.element('<div />');
        
        tElement.wrap(wrapper);

        
        return linker;
    }
    
    function linker(scope, element, attrs) {
        
    }
    
});