JSFiddle - React, Tailwind, and code Playground

by Andrea Aloi

HTML

<script src="https://code.angularjs.org/1.3.11/angular.min.js"></script>
<body ng-app="myApp" ng-controller="myCtrl">
    <div ng-repeat="a in arr" dir="a"></div>
</body>

JavaScript

console.clear();

angular.module("myApp", [])
.controller("myCtrl", ["$scope", function($scope) {
    $scope.arr = [
        {foo: "bar", baz: 42},
        {foo: "bar2", baz: 43},
    ];
}])
.directive("dir", [function() {
    return {
        require: "A",
        template: "<strong>{{dir}}</strong>",
        scope: {dir: "="}
    };
}]);