JSFiddle - React, Tailwind, and code Playground

by rur_d

HTML

<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div ng-app="testApp">
   <div my-directive my-inner-directive>
      <div></div>
   </div>
</div>

JavaScript

/**
    * testApp Module
    *
    * 
    */
   angular.module('testApp', []).
      directive('myDirective', function(){
         return{ 
            terminal: true,
            controller: function(){
               console.log("myDirective Controller Constructor")
            }, 
            compile: function(){
               console.log("myDirective Compile Function")
               return function(scope, elm, attrs) {
                  console.log("myDirective Link Function")
               }
            }
         }
      }).
      directive('myInnerDirective', function(){
         return{ 
            controller: function(){
               console.log("myInnerDirective Controller Constructor")
            }, 
            compile: function(){
               console.log("myInnerDirective Compile Function")
               return function(scope, elm, attrs) {
                  console.log("myInnerDirective Link Function")
               }
            }
         }
      });