JSFiddle - React, Tailwind, and code Playground

by jaimem

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<div ng-app='app'>
    <div ng-controller='ctrl'>
        
        <div class='row' ng-repeat='row in _.range(0,12)'>
            <div id='{{row}}' ng-click="click($index)">
                <button>{{row}}</button>
            </div>
        </div>
        
        <hr>
        <h1>Directive</h1>
        <div class='row' ng-repeat='row in _.range(0,12)'>
            <div id='{{row}}' my-directive>
                <button>{{row}}</button>
            </div>
        </div>
    </div>
</div>

JavaScript

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

App.run(function($rootScope) {
  $rootScope._ = _;
});

App.controller('ctrl', function($scope){
    $scope.click = function(idx){
        var elem = document.getElementById(idx);
        console.log('clicked row', idx, elem);   
    };
});

App.directive('myDirective', function(){
    return function(scope, element, attr){
        element.bind('click', function(){
            console.log('clicked element: ', element, element.html());
        });
    };
});