JSFiddle - React, Tailwind, and code Playground

by francisstalin

HTML

<!doctype html>
<html ng-app="App">
    <body>
        <div>
            <group>
                <div ng-click="addRule()">
                    <div id="rule">
                        <rule></rule>
                        <rule></rule>
                    </div>
                </div>
            </group>
            <group>
                <div ng-click="addRule()">
                    <div id="rule">
                        <rule></rule>
                    </div>
                </div>
            </group>
        </div>
    </body>
</html>

JavaScript

angular.module('components', [])
    .directive('group', function () {
        return {
            restrict: 'E',
            scope:{
                name:'bind'
            },
            template: '<span>Hello {{name}}</span>'

        }
    })

angular.module('App', ['components'])