JSFiddle - React, Tailwind, and code Playground

by dameleon

HTML

<div ng-app="sample">
    <hoge>
        <fuga></fuga>
    </hoge>
    <hoge></hoge>
</div>

JavaScript

var module = angular.module('sample', []);

module.directive('hoge', function() {
    return {
        restrict: 'E',
        transclude: true,
        template: '<div>hoge</div><div ng-transclude></div>',
        controller: function($scope, $element, $attrs, $transclude) {
            console.log('hoge', $scope, $element, $attrs, $transclude);
        }
    }
});
module.directive('fuga', function () {
    return {
        restrict: 'E',
        template: '<div>fuga</div>',
        controller: function($scope, $element, $attrs, $transclude) {
            console.log('fuga', $scope, $element, $attrs, $transclude);
        }
    }
});