JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp">
    <div ng-controller="main">
        <div coupons-repeater="locations">
        </div>
    </div>
</div>

JavaScript

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

app.controller('main', ['$scope', function($scope) {
    $scope.locations = {one:1, two:2, three:3};
}]);

app.directive("couponsRepeater", function() {
    return {
        restrict: 'A',
        scope: {
            locations: '=couponsRepeater'
        },
        link:function (scope, ele, attrs) { 
            console.log(scope.locations);
        }
    }
})